Правильно выбранный селектор для .map

259
05 ноября 2021, 01:40

Не вполне понимаю механику селекторов в js. Есть таблица

<table>
  <tr value="..." style="background-color: lightgreen;">...</tr>
  <tr value="...">...</tr>
  <tr value="..." style="background-color: lightgreen;">...</tr>
  <tr value="...">...</tr>
  <tr value="...">...</tr>
  <tr value="...">...</tr>
</table>

Есть константа

const rStrings = [...document.querySelectorAll('tr[value]')]
  .map(tr => tr.getAttribute('value'));

Но она даст вообще все значения в tr тегах. Как выбрать только те, что подкрашены светло-зеленым?

Answer 1
const rStrings = [...document.querySelectorAll('tr[value][style="background-color: lightgreen;"]')]

Но лучше:

const rStrings = [...document.querySelectorAll('tr.colored[value]')]
.colored {
  background-color: lightgreen;
}
<tr value="..." class="colored">...</tr>
<tr value="...">...</tr>
READ ALSO
Правильно ли будет использовать только для некоторых страниц react?
javascript

Правильно ли будет использовать только для некоторых страниц react?

Правильно ли будет использовать только для некоторых страниц react? и делать на каждой странице отдельный appjs который будет вставлять компоненты...

 188
Подгрузка контета при скролинге React.js
javascript

Подгрузка контета при скролинге React.js

Получить данные в json, завожу их в stateВывожу через

 205
Модернизировать doughnut chart
javascript

Модернизировать doughnut chart

Появилась такая необходимость модернизировать стандартный doughnut chart, которые предоставляют библиотеки, но не знаю с чего начатьТо есть необходимо...

 356
Индекс в forEach()
javascript

Индекс в forEach()

когда индекс будет равен 6, нужно обнулить его до 1 и чтобы он продолжил увеличивать себя до 6 и снова уменьшил себя до 1

 133