选择嵌套元素文本属性

Question

我有这个HTML

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

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

PS：我的DOM中可能有其他reallynow元素

Answer 1

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

正如您所说，您可能有其他.reallynow个元素，我尝试使用ID，span的父级（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");