Question

jquery 获取 DIV 下的 第2个 span

各位大侠：

<div class="tree-node" node-id="402881e540a6c1ba0140a6c1ffc400d9" style="cursor: pointer;">
<span class="tree-indent"></span>
<span class="tree-icon icon icon-org" style="height: 18px; vertical-align: middle;"></span>
<span class="tree-title">机构管理</span>
</div>

我已使用jquery 获取到 DIV了，如果通过DIV这一层获取到 第3个 span 中的 “机构管理” 这个内容。

$('div').click(function(){

｝

Answer 1

你好！

通过jquery的层级选择器，可以轻松搞定：

$('div').click(function(){
    //  ">span:nth-child(3)"    表示div的子span元素集合中的第3个元素
    //  "$(">span:nth-child(3)",this)"   表示在当前div查找
   alert(   $(">span:nth-child(3)",this).html()   );    
   
   //另外eq()方法也同样可以,注意索引从0开始
   alert(   $(">span",this).eq(2).html()   );
   
   //jquery中的children
   alert(  $(this).children("span").last().text()  );

   //匹配最后一个子元素
   alert(  $(">span:last-child",this).html()   );
   alert(  $(this).children("span:last").html()  );
   
}

希望对你有帮助！

Answer 2

$('div').click(function(){
$(this).find("span:last-child").html();

$(this).find("span").eq(2).html(); //这里的索引从0开始，所以第三个用2

$(this).find(".tree-title").html();

｝

Answer 3

$('div').click(function(){
var txt=$(this).find("span").eq(2).html();
alert(txt);
｝