jquery - 选择嵌套元素文本属性

Question

我有这个 html

<div id="content">
  <div id="rightnow">
    <h3 class="reallynow">
      <span style="float:left;">Client Dashboard</span>
    </h3>
  </div>
</div>

如何<span>使用 JQuery 访问元素的文本属性？

reallynowPS：我的 DOM 中可能还有其他元素

Answer 1

var theText = $('#rightnow > h3.reallynow > span').text();

正如您所说，您可能还有其他.reallynow元素，我已尝试使用 ID、跨度的父级 (h3) 和直接子级选择器使其尽可能具体。在不知道所有标记的情况下，这是尽可能万无一失的。

Answer 2

结合了 Class 和 id 选择器，尽管有很多方法可以做到！

$("#rightnow .reallynow span").text()

对于直接的父子关系

尝试

$("#rightnow > h3.reallynow > span").text()

子选择器API

Answer 3

读书...

var text = $('#rightnow .reallynow span').text();

来写...

$('#rightnow .reallynow span').text("your text");