Question

我有这样的外DIVS。

<Input id ="SaveMe" value="Click" type="submit" >
</Input>

<DIV id="DivOne">
    <DIV >First Content
        <DIV>X
        </DIV>
    </DIV>
        <DIV>Second Content
            <DIV>X
            </DIV>
    </DIV>

</DIV>

我想循环遍历外部DIV并获取文本。我正在使用JQuery代码。

$("#SaveMe").click(function() {
    $("#DivOne").children().each(function(index, elem) {
        alert($(elem).text());
    });
});

但是它显示了第一内容X，第二内容X.我希望“每个循环”首先循环通过外部DIV然后循环内部DIV。我如何忽略循环内部DIV（内容为DIV的DIV））。 http://jsfiddle.net/VVGRc/1/

谢谢！

Answer 1

仅过滤文本节点：

$("#SaveMe").click(function(e) {
    $("#DivOne").children().each(function(index, elem) {
        var text = $(elem).contents().filter(function() {
            return this.nodeType == 3;
        }).text();
        alert(text);
    });
});

FIDDLE

Answer 2

http://viralpatel.net/blogs/jquery-get-text-element-without-child-element/

男性克隆。删除克隆的所有child.elements。返回文字内容

使用Jquery获取外部DIV的文本

2 个答案: