jquery - 子を除く親のすべてを選択します

Question

私はバックボーン アプリを作成しており、jquery セレクターを使用する組み込みのイベント処理を使用しています。

.delete以下を除くすべてを選択するセレクターを作成し、次に排他的なセレクターを作成したいと思います.delete(これははるかに簡単です)。

基本的に、この特定の子を除いて、親のすべてを選択したいと思います。

試してみli:not(.delete)ましたが、うまくいきませんでした。何か案は？

<li class="">
  <a href="#">
    <i class="icon-book"></i>
    <span class="name">@randallb</span>
    <i class="delete icon-remove-sign pull-right"></i>
  </a>
</li>

Answer 1

li :not(.delete)

not子孫を指定するにはスペースが必要です。それがなければ、クラスを持たないli選択を意味します。lidelete

Answer 2

$('li').children().find('*:not(.delete)').css('color', 'red');

Answer 3

これがあなたが探しているものなら。

// allChildrenArray will hold all the children of li except .delete
   var allChildrenArray = [];
    function getSelectedChildren(parentContainer, rejectedClass){
        parentContainer.children().each(function(){
            if(!$(this).hasClass(rejectedClass)){
                allChildrenArray.push(this);
            }
            getSelectedChildren($(this), rejectedClass);
        });
    }
    getSelectedChildren($('li'), 'delete');