jquery - 如何使用 JQUERY 选择多个深度 DOM

Question

我有多个级别的 DOM 元素，但我仍然在寻找如何选择 DOM 元素。我的html在这里。

<div class="data">
  <div class="item">
    <form class="comment" method="post" action="">
      <div class="d1">
        <a href="">Tree</a>
        <p>
        </p>
      </div>
      <div class="d2">
        <p class="quote">
      </div>
      <div class="col p3">
        <input type="hidden" name="token" value=""/><input type="hidden" name="u" value=""/><input type="button" class="button" name="submit"/><br>
        <abbr class="selected_dom" title="2012-07-05T11:29:22Z">July 1, 2012</abbr>
      </div>
    </form>
  </div>
</div>

你能帮我如何选择这个<abbr class="selected_dom" title="2012-07-05T11:29:22Z">July 1, 2012</abbr>吗？

Answer 1

用这个：

// select abbr element with class selected_dom, inside form with class comment
var abbr = $('form.comment abbr.selected_dom');

根据您的 HTML 结构，您可能只想选择abbr元素：

var abbr = $('abbr');

阅读有关选择器（通用）和元素选择器的更多信息