Question

我正在使用jQuery，我需要从特定的div获取所有子元素。这是我的HTML：

<div class="div1">

<fieldset>
<table>
<tr>
<td><fieldset><table><tr><td><div class="childclass"> 2</td>
<td><fieldset><table><tr><td><div class="childclass"> 4</td>
<td><fieldset><table><tr><td><div class="childclass"> 3</td>
</tr></table>
</fieldset>
</td>
</tr>
</table>
</fieldset>
</div>

这是我获取子元素的代码：

function gettingid() {
            $('.div1').children('.childclass').each(function () {
                alert(this.text());
            });
        }

有些不对劲，但我不知道是什么。

Answer 1

使用find()

$('.div1').find('.childclass').each(function () {
            alert($(this).text());
        });

.children()方法与.find()的不同之处在于.children()只在DOM树中向下移动一个级别，而.find()可以遍历多个级别以选择后代元素（孙子级）等等）。

Answer 2

//您可以使用上面提到的find。或者其他方面，我认为这会起作用。

<script>

    function gettingid() {
        $('.div1 .childclass').children('.childclass').each(function () {
            alert(this.text());
        });
    }
</script>

如何从特定div获取所有子元素

2 个答案: