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

将'test'包裹在这样的范围内

<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').contents().filter(function() {
    return this.nodeType == 3;
}).remove();

FIDDLE

使用jquery删除父li文本

4 个答案: