javascript - javascript 仅获取 div 父节点值（没有子节点）

Question

这是我的问题：

<html>
    <div id="parentdiv">
        some parent value
        <div id="childdiv">some child value</div>
    </div>
</html>

父 div --> 父 div 内容 --> 子 div --> 子 div 内容 --> 结束子 div --> 结束父 div

我只需要获取父 div 值，没有子 div 值。我怎样才能在 Javascript 中做到这一点？

score 2 · Accepted Answer

2

尝试这个：

alert($('#parentdiv').clone().children().remove().end().text());

于 2013-02-25T13:13:16.577 回答

score 0 · Accepted Answer

如果您可以控制 HTML - 只需将值包装在<p>标签中（应该如此），然后像这样访问它..

HTML

<html>
    <div id="parentdiv">
        <p>some parent value</p>
        <div id="childdiv">some child value</div>
    </div>
</html>

jQuery

$('#parentdiv p').text();

如果 parentdiv 中还有其他<p>元素，则使用一个类。

score 0 · Accepted Answer

这有效：

var $parent = $('#parentdiv').clone();

$parent.find('#childdiv').remove();

var parentvalue = $parent.text();

score 0 · Accepted Answer

0

只需将其包装在 span 标签中并获取该标签的 inneHTML

于 2013-02-25T13:15:26.477 回答

4 回答 4