jQueryのフィルタ使用してCSSクラス/サブクラス

Question

は、私はこのコードを持っていると仮定します。

私はこのコードを試みたが、運：

$("div.notes").filter(".note.note-inner>.like").hide(); 

サブクラスのように持っているdivが隠れていないされていません。

UPDATE

---

私は.noteクラスを持つ要素ではない.inner-note likeのものを非表示にします。

Answer 1

でフィルタを示すJSfiddleを作成し、この

$(".note > .inner-content.like").hide(); 

$(".note > .inner-content.like").show(); 

と

$(".note > .inner-content.unlike").hide(); 

$(".note > .inner-content.unlike").show(); 

を試すことができます。 .note.note-innerはclass="note note-inner"の要素になります。彼らが上がらない「 - と.notesは$.filter()が.notes

内の他の要素や子供を見つけるつもりされていないので、私はあなたが$("div.notes").find(".note > .like").hide();を意味だと思うが、あなたはまた、単に直接子孫セレクタの有無にかかわらず$('div.notes > .note > .like').hide()を行うことができ、唯一の1要素であり、あなたが共有したマークアップに必要です。

が子供の場合は.noteを削除する場合は、$("div.notes").find(".like").closest('.note').hide();を使用してください。それは.likeが.notesの中にあり、最も近い祖先をクラス.noteで見つけてそれを隠すでしょう。

$("div.notes").find(".like").closest('.note').hide();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="notes"> 
 
    <div class="note"> 
 
     <div class="inner-content unlike">unlike</div> 
 
    </div> 
 
    <div class="note"> 
 
     <div class="inner-content like">like</div> 
 
    </div> 
 
    <div class="note"> 
 
     <div class="inner-content unlike">unlike</div> 
 
    </div> 
 
    <div class="note"> 
 
     <div class="inner-content unlike">unlike</div> 
 
    </div> 
 
</div>

Answer 2

あなたは私があなたには.note-innerを持っていないと、あなたのセレクタが間違っているボタンのトグルhttps://jsfiddle.net/jmbm2myu/3/

Answer 3

.filter()のようなあなたが<div class="inner-content .."></div>要素にそれを適用したい、あなたはフィルタリングしようとしている要素に適用されます。

$("div.notes > .note > .inner-content").filter(".like").hide(); 

それとも単に

$("div.notes > .note > .inner-content.like").hide(); 

.note要素を除去するためにあなただけの親を取得することができます：

$("div.notes > .note > .inner-content.like").parent(".note").hide();