Question

这是我的问题：

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

父div - ＆gt;父div内容 - ＆gt;儿童div - ＆gt;儿童div内容 - ＆gt;结束孩子div - ＆gt;结束父母div

我只需要获取父div值，而不需要子div值。我怎么能在Javascript中做到这一点？

Answer 1

试试这个：

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

Answer 2

如果您可以控制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>元素，则使用类。

Answer 3

这有效：

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

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

var parentvalue = $parent.text();

中试用

Answer 4

将其包装在span标记内并获取该标记的innerHTML