Jquery使用JQuery访问其中包含div的div数组

时间:2011-11-02 18:57:39

标签: jquery

我如何访问第二个div的内部div文本?

<script>
$(document).ready(function() {
    for(var i = 0; i <= $('.content').length - 1; i++) {
        $('.content').eq(i).click(function(e) {
                     $(this).hide();
            })
        }          
});
</script>

<div class='content'>
   <div class='text'>foo</div>
</div>

<div class='content'>
   <div class='text'>bar</div>
</div>

<div class='content'>
   <div class='text'>foobar</div>
</div>

4 个答案:

答案 0 :(得分:1)

尝试使用:eq()选择器

$('div.content:eq(1) div.text').text(); //will return the actual text of the inner div

$('div.content:eq(1) div.text');  //will return the inner div with class text.

答案 1 :(得分:1)

我不确定发布的jquery代码是否与问题相关,但是要访问文本“bar”,第二个div的内部div的文本,您可以执行以下操作:

$(".content").eq(1).find(".text").text();

这就是说,获取类content的元素,获取第二个元素(eq为0)。然后在其中找到包含类text的元素,并在第一个元素中获取text

答案 2 :(得分:1)

$("div.content:eq(1) .text").text()

答案 3 :(得分:1)

示例 -

$('div.content div.text').eq(1).html()

演示@ http://jsfiddle.net/HBZFQ/1/