jquery - 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

これを試して ：

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

フィドルhttp://jsfiddle.net/Fy4mJ/

Answer 3

'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 4

の他の要素には触れずに.pagenav、テキストだけをターゲットにして、次のようにします。

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

フィドル