javascript仅获取div父节点值（无子节点）

Question

Here is my problem: 这是我的问题：

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

parent div --> parent div content --> child div --> child div content --> end child div --> end parent div 父div->父div内容->子div->子div内容->结束子div->结束父div

I need to acquire only parent div value, without child div value. 我只需要获取父div值，而无需获取子div值。 How can I do that in Javascript? 如何使用Javascript做到这一点？

Answer 1

尝试这个：

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

Answer 2

If you have control over the HTML - just wrap the value in a <p> tag (as it should be) and then access it like so.. 如果您可以控制HTML，则只需将值包装在<p>标记中（应如此），然后像这样访问即可。

HTML 的HTML

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

jQuery jQuery的

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

If there are other <p> elements in the parentdiv then use a class. 如果parentdiv中还有其他<p>元素，请使用一个类。

Answer 3

This works: 这有效：

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

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

var parentvalue = $parent.text();

Try it in this JsFiddle 在此JsFiddle中尝试

Answer 4

只需将其包装在span标记内并获取该标记的inneHTML

javascript仅获取div父节点值（无子节点）

问题描述

4 个解决方案

解决方案1
2 2013-02-25 13:13:16

解决方案2
0 2013-02-25 13:10:45

解决方案3
0 2013-02-25 13:11:07

解决方案4
0 2013-02-25 13:15:26

javascript仅获取div父节点值（无子节点）

问题描述

4 个解决方案

解决方案1 2 2013-02-25 13:13:16

解决方案2 0 2013-02-25 13:10:45

解决方案3 0 2013-02-25 13:11:07

解决方案4 0 2013-02-25 13:15:26

解决方案1
2 2013-02-25 13:13:16

解决方案2
0 2013-02-25 13:10:45

解决方案3
0 2013-02-25 13:11:07

解决方案4
0 2013-02-25 13:15:26