用jQuery删除父李文本

Question

我有这个html代码：

<div class="menu">
    <p class="menutext">
        <li class="pagenav">test
            <ul>
                <li class="page_item page-item-190 current_page_item">
                    <a href="http://test.com/">test2</a>
                </li>
            </ul>
        </li>
    </p>
</div> 

我将在这一行删除test ：

<li class="pagenav">test

我怎么能用jQuery做到这一点？

Answer 1

您可以尝试以下代码：

var cachedChildren = $('.pagenav').children();
$('.pagenav').empty().append(cachedChildren);

这将缓存所有子DOM元素，清空容器，然后追加缓存的DOM元素。

Answer 2

将“测试”包装成这样的范围

<li class="pagenav"><span class="mytext">test</span>

以及链接到：

<a href="http://test.com/" class="update">test2</a>

然后，您可以通过执行以下操作删除测试值：

$('.update').on('click', function(e) {
    e.preventDefault();
    $(this).closest('.pagenav').find('.mytext').empty();
});

Answer 3

尝试这个 ：

$('.pagenav').html($('.pagenav').children());

小提琴http://jsfiddle.net/Fy4mJ/

Answer 4

在不触碰.pagenav其他元素的.pagenav ，仅针对文本，请执行以下操作：

$('.pagenav').contents().filter(function() {
    return this.nodeType == 3;
}).remove();

小提琴