刪除使用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