Использование querySelector для выбора Div с определенным значением - PullRequest
Новая
       8

Использование querySelector для выбора Div с определенным значением

0 голосов
/ 22 сентября 2018

Мой текущий HTML-код выглядит следующим образом: 

<div id="response-view">
  <div class="answer" correct="false">
    <h4>apple</h4>
  </div>
  <div class="answer" correct="false">
    <h4>banana</h4>
  </div>
  <div class="answer" correct="true">
    <h4>pear</h4>
  </div>
</div>

Используя JavaScript querySelector, как мне выбрать конкретный Div «answer» с «правильным» значением «true»?

1 Ответ

0 голосов
/ 22 сентября 2018

Вы можете выбрать узлы по их атрибутам и значениям атрибутов, используя квадратные скобки, например, tag.class[attribute="value"].

В рабочем примере с использованием приведенного выше кода следует записать «Pear» в консоли:

console.log(document.querySelector('.answer[correct="true"]').textContent);
<div id="response-view">
  <div class="answer" correct="false">
    <h4>apple</h4>
  </div>
  <div class="answer" correct="false">
    <h4>banana</h4>
  </div>
  <div class="answer" correct="true">
    <h4>pear</h4>
  </div>
</div>
...