Форум

voraa · #11 (**permalink**) 23.03.2022, 22:20

Сообщение от Артист

Выдаёт столько таблиц, сколько всего ячеек.
Видимо ошибка в if(table[j] != t).

Ошибка в

if(table[j] != t)
    {
        table[j] = t
        j++
    }

Первый раз j=0 table[j] - undefined. Условие выполнится, j =1
Второй раз j=1 table[j] - undefined. Условие выполнится, j =2
....
Условие выполняется всегда.

Артист · #12 (**permalink**) 24.03.2022, 06:31

Сообщение от рони

Артист,
можно только гадать, что и как вы хотите сделать. чем не устроил вариант #2 ?

Так там получается что находит только первую таблицу.
Если вы про это:

Сообщение от рони

let table = document.querySelector('div.cre_creature').closest('table');

Хочу для онлайн игры гвд, сделать отображение лидерства армий, т.к. в ивентах не понятно чья армия сильнее.
Я давно написал расширение для хрома и пихаю в него все свои доработки именно к этой игре.

Сообщение от voraa

Значит вы не все условия своих таблиц написали.
Четко напишите, чем нужная таблица отличается от ненужной. Что в ней есть, чего нет в других.

Да вроде все описал, в 3 посте пример. Отличается только классом дивов. С таким классом нет больше ничего на странице, объектов вернее нет.
Открываю код страницы в новой вкладке, в поиск ввожу cre_creature, 21 совпадение.
Из них 14 - это из таблиц, т.е. 2 таблицы у которых по 7 ячеек.
Остальные 7 - это в самом верху страницы параметры классам задаются.

Сообщение от voraa

Почему вы пишете 'div[class^="cre_creature"]', а не 'div.cre_creature' ?
В этом есть какой то особый смысл?

Да, смысл есть, у таблиц ещё бывает класс "cre_creature72", это я уже немного вперёд просто забегаю.

Сообщение от voraa

Ошибка в...

Спасибо. ))

Вечером ещё раз перепроверю.

voraa · #13 (**permalink**) 24.03.2022, 07:09

Ну так вариант в посте #10 как раз и находит только 2 таблицы, где есть такие ячейки.

Если нужно искать еще с классом cre_creature72, то изменить условие в фильтре на

tab.querySelector('td div:is(.cre_creature, .cre_creature72)')

рони · #14 (**permalink**) 24.03.2022, 07:22

Сообщение от Артист

Так там получается что находит только первую таблицу.
Если вы про это:

там не только эта строка!!! там ещё функция поиска ближайшей следующей таблицы, от этой.

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  table {
    border-collapse: collapse;
  }
  table td{
    width: 100px; height: 100px;
    border: 1px solid #000000
  }
  .red{
      background-color: #FF0000;
  }

  </style>

</head>

<body>
<table >
    <tr>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
    </tr>
</table>
<p>1111</p>
<table cellpadding=0 cellspacing=0 width="100%">
	<tr>
		<td width=60>
			<div class="cre_creature"  style="width:60px;">
				<img src="https://">
			</div>
		</td>

		<td width=60>
			<div class="cre_creature"  style="width:60px;">
				<img src="https://">
			</div>
		</td>
	</tr>
</table>

<p>1111</p>
<table>
       <tr>
        <td>next</td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
    </tr>
</table>
<script>
  function findNextTable(table)
  {
     let next;
     return Array.from(document.querySelectorAll('table')).find(el => {
     if(next) return next;
     next = el == table;
     })
  }
  let table = document.querySelector('div.cre_creature').closest('table');//определили первую таблицу

  let NextTable = findNextTable(table); // нашли следующую за ней
  if(NextTable) {
      let tds = NextTable.querySelectorAll('td');
      tds.forEach(td => td.classList.add('red')) //покрасили все клетки в следующей таблице в красный цвет, для примера
  }
</script>
</body>
</html>

Артист · #15 (**permalink**) 24.03.2022, 17:37

Ну не ругайтесь, я туплю частенько. ))
Спасибо, буду пробовать, когда выйду из запоя. )

Форум

Справочник

Discord чат

Курсы javascript