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

FIDDLE