Question

我当前的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 1

您可以使用方括号，例如，按节点的属性和属性值来选择节点。 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>

使用querySelector选择具有特定值的Div

1 个答案: