Удалить все ul в li кроме текущего li

Question

Я должен удалить все ul в li, кроме текущего li.

<ul>
        <li id="Li0">
            <ul>
                <li><span>Childnode1</span></li></ul>
        </li>
        <li id="Li1">
            <ul>
                <li><span>Childnode2</span></li></ul>
        </li>
        <li id="Li2">
            <ul>
                <li><span>Childnode3</span></li></ul>
        </li>
        <li id="Li3">
            <ul>
                <li><span>Childnode4</span></li></ul>
        </li>
        <li id="Li4">
            <ul>
                <li><span>Childnode5</span></li></ul>
        </li>
        <li id="Li5">
            <ul>
                <li><span>Childnode6</span></li></ul>
        </li>
    </ul>

Итак, если я нажму на li с идентификатором 'li4', все остальные li, которые предшествуют этому li или рядом с этим li, должны иметь ul, который будет удален из домена.

Я думал об использовании оператора .not в jquery, но до сих пор не мог этого сделать.

Answer 1

это то, что вы ищете?

  $(function(){
            $('li').click(function(){
                $(this).siblings().children("ul").remove();
            });        
     });

Answer 2

Используйте родных братьев, чтобы найти все остальные смежные элементы:

$("li").click(function() {
    $(this).siblings().find("ul").remove();
});

Возможно, вы захотите иметь более конкретный селектор, чем "li".

Answer 3

Демо: http://jsfiddle.net/wwvBL/

$('li').on('click',function(){
    var obj= $(this);
    id= obj.attr('id');
    obj.parent().find('li:not(#'+id+') > ul').remove();
})

Answer 4

Это должно помочь.

$(function () {
    $('ul:first').delegate("li[id^='L']", 'click', function () {
        $("ul:first > li[id!='"+$(this).attr('id')+"'] > ul").remove();
    });        
});​

Демо: http://jsfiddle.net/EJWnn/