Javascript-форум (https://javascript.ru/forum/)
-   Internet Explorer (https://javascript.ru/forum/css-html-internet-explorer/)
-   -   document.querySelectorAll и перебор массива узнать номера массивов (https://javascript.ru/forum/css-html-internet-explorer/86538-document-queryselectorall-i-perebor-massiva-uznat-nomera-massivov.html)

Brick 19.07.2025 21:10
document.querySelectorAll и перебор массива узнать номера массивов
 
Есть таблица, могу я как-то через document.querySelectorAll и перебор массива узнать номера массивов, которые содержат это - class="dnosel" src="/Themes/images/Blackmarket/map.png".
цифры узнать, например 0 и 1 ?

<table class="treasure_tab">
<tr>
<td>
<img width="48" class="dnosel" src="/Themes/images/Blackmarket/map.png"/> (элемент 0)
</td>
<td>
<img width="48" class="dsel" src="/Themes/images/Blackmarket/map.png"/> (элемент 1)
</td>
<td>
<img width="48" class="dnosel" src="/Themes/images/Blackmarket/hole.png"/> (элемент 2)
</td>
<td>
<img width="48" class="dnosel" src="/Themes/images/Blackmarket/hole.png"/> (элемент 3)
</td>
</tr>
</table>

Brick 19.07.2025 21:12
(элемент 0,1,2,3) в таблице нет

Brick 19.07.2025 21:19
document.querySelectorAll и перебор массива узнать номера массивов
 
Есть таблица, могу я как-то через document.querySelectorAll и перебор массива узнать номера массивов, которые содержат это - class="dnosel" src="/Themes/images/Blackmarket/map.png".
цифры узнать, например 0 и 1 ? Элемент 0,1,2,3 этого в таблице нет. Помогите пожалуйста. Спасибо

<table class="treasure_tab">
<tr>
<td>
<img width="48" class="dnosel" src="/Themes/images/Blackmarket/map.png"/> (элемент 0)
</td>
<td>
<img width="48" class="dsel" src="/Themes/images/Blackmarket/map.png"/> (элемент 1)
</td>
<td>
<img width="48" class="dnosel" src="/Themes/images/Blackmarket/hole.png"/> (элемент 2)
</td>
<td>
<img width="48" class="dnosel" src="/Themes/images/Blackmarket/hole.png"/> (элемент 3)
</td>
</tr>
</table>

Nexus 19.07.2025 21:27 
const table = document.querySelector('.treasure_tab');

const indexOfItemsThatHasMap = [].map.call(
  table.querySelectorAll('[src="/Themes/images/Blackmarket/map.png"].dnosel'), 
  node => {
    const row = node.closest('tr');
    const cell = node.closest('td');
    
    return {
      rowIndex: [].indexOf.call(row.parentNode.children, row),
      cellIndex: [].indexOf.call(cell.parentNode.children, cell),
    };
  }
);

console.log(indexOfItemsThatHasMap);

Nexus 19.07.2025 21:29
https://javascript.ru/forum/misc/865...tml#post557636

Brick 19.07.2025 21:32
В данном случае будет 2 цифры , 0 и 1., но может быть 0,1,2 Можно из них как-то сделать массив, типа var N=["0","1","2"]; Спасибо

Nexus 19.07.2025 21:57
Мая твая ни панимать.
По человечески опишите, что вам нужно. Без этих ваших элементов, цифр и массивов.

Вам нужно было найти ячейки, которые содержат изображение с определенным классом и адресом - я показал код, который возвращает индексы строки и ячейки этих элементов.
Последующее сообщения я расшифровать, увы, не в состоянии.

Brick 19.07.2025 22:26
есть таблица


<table class="treasure_tab">
<tr>
<td>
<img width="48" class="dnosel" src="/Themes/images/Blackmarket/map.png"/>
</td>
<td>
<img width="48" class="dsel" src="/Themes/images/Blackmarket/map.png"/>
</td>
<td>
<img width="48" class="dnosel" src="/Themes/images/Blackmarket/hole.png"/>
</td>
<td>
<img width="48" class="dnosel" src="/Themes/images/Blackmarket/hole.png"/>
</td>
</tr>
</table>

1.Мне нужно узнать номера ячеек таблицы которые содержат это — class="dnosel" src="/Themes/images/Blackmarket/map.png" (это будут числа 0 и 1)
2. Из этих чисел нужно сделать массив.
3. результат = рандомный элемент из массива, который выше.
Спасибо.

Nexus 19.07.2025 22:34
Цитата:
Сообщение от Brick
1.Мне нужно узнать номера элементов которые содержат это — class="dnosel" src="/Themes/images/Blackmarket/map.png" (это будут числа 0 и 1)
Как это могут быть числа 0 и 1, если во второй ячейке изображение не содержит класс dnosel?


<table class="treasure_tab">
<tr>
<td>
<img width="48" class="dnosel" src="/Themes/images/Blackmarket/map.png"/>
</td>
<td>
<img width="48" class="dnosel" src="/Themes/images/Blackmarket/map.png"/>
</td>
<td>
<img width="48" class="dnosel" src="/Themes/images/Blackmarket/hole.png"/>
</td>
<td>
<img width="48" class="dnosel" src="/Themes/images/Blackmarket/hole.png"/>
</td>
</tr>
</table>

<script>
const table = document.querySelector('.treasure_tab');

const indexOfItemsThatHasMap = [].map.call(
  table.querySelectorAll('[src="/Themes/images/Blackmarket/map.png"].dnosel'), 
  node => {
    const row = node.closest('tr');
    const cell = node.closest('td');
    
    return {
      rowIndex: [].indexOf.call(row.parentNode.children, row),
      cellIndex: [].indexOf.call(cell.parentNode.children, cell),
    };
  }
);

var N = indexOfItemsThatHasMap.map(item => item.cellIndex);
var randomniyElementMassiva = N[Math.floor(Math.random() * N.length)];

document.write(JSON.stringify({indexOfItemsThatHasMap, N, randomniyElementMassiva}, null, 2));
</script>

Brick 19.07.2025 22:55
спасибо

Brick 19.07.2025 23:12
если таких таблиц на странице 2, и мне нужна вторая?
const table = document.querySelector('.treasure_tab')[1];?

Nexus 20.07.2025 03:10 
const table = document.querySelectorAll('.treasure_tab')[1];

Brick 20.07.2025 03:28
спасибо Вам большое за помощь. Вы хороший человек :)

ksa 20.07.2025 20:03
Цитата:
Сообщение от Brick
могу я как-то через document.querySelectorAll и перебор массива узнать номера массивов, которые содержат это - class="dnosel" src="/Themes/images/Blackmarket/map.png".
Такое?

<table class="treasure_tab">
	<tr>
		<td>
			<img width="48" class="dnosel" src="/Themes/images/Blackmarket/map.png"/> (элемент 0)
		</td>
		<td>
			<img width="48" class="dsel" src="/Themes/images/Blackmarket/map.png"/> (элемент 1)
		</td>
		<td>
			<img width="48" class="dnosel" src="/Themes/images/Blackmarket/hole.png"/> (элемент 2)
		</td>
		<td>
			<img width="48" class="dnosel" src="/Themes/images/Blackmarket/hole.png"/> (элемент 3)
		</td>
	</tr>
</table>
 
<script>
alert(fnc())

//
function fnc(){
	return [...document.querySelectorAll('.treasure_tab img')]
		.reduce((a, o, i) => {
			const v1 = o.classList.contains('dnosel')
			const v2 = o.getAttribute('src') === '/Themes/images/Blackmarket/map.png'
			if (v1 && v2) a.push(i)
			return a
		}, [])
}
</script>


Часовой пояс GMT +3, время: 05:48.