JS - Jqueryの選択が混乱しています

Question

私はより良い見出しについて多くのことを考えましたが...ちょっと私の問題を説明してくれませんでした。

I次のコードを持っている：

<div id="chatrooms"> 
    <div class="chatroom active" id="all">all</div> 
    <div class="chatroom" id="245332"></div> 
</div> 

注私はクラスの「チャットルーム」を使用し、「チャットルーム」 - そう混乱いけないの

$(document).on('click', ".chatroom", function(e){ 
    var id = e.target.id; 
    $('.active').removeClass('active'); 
    $('.chatrooms > .chatroom#' + id).addClass('active'); //doesn't work 
    $('.chatrooms').children('#' + id).addClass('active'); //doesn't work 
    $(this).addClass('active'); //works 
}); 

ので、この3つの方法の作品の一つだけしかし、少なくとも1つは作業していない必要があります。なぜなら、IDを持つ ".chatrooms"の外に複数のdivがあるからです。あなたが私を助けることを願っています！御時間ありがとうございます！

Answer 1

これを正しく読んだ場合は、chatroomsがクラスではなくdivのIDです。したがって、jQueryセレクタは.chatroomsの代わりに#chatroomsである必要があります。

Answer 2

ここにはいくつか問題があります。まず、チャットルームのIDを.chatroomsでターゲットに設定しようとしています。 jQueryはCSSセレクタを使用して要素をターゲティングするため、IDをターゲティングするための正しい形式は#chatroomsです。

次は意味「.chatrooms > .chatroom#」を使用している「chatroomsのCLASSを持つすべての要素の直接の（最初のレベル）の子であるchatroom#のCLASSを持つすべての要素をターゲットにしています。」

あなたがchatroom#のCLASSを持つ任意の要素を持っていない、またあなたが子供たちを探すためにchatroomsのCLASSを持つ任意の要素を持っていないので、あなたの結果は空にしようとしています。

あなたは、あなたがそこに開始し、その後、戻ってjQueryのに来る必要がありますhttp://flukeout.github.io

http://www.w3schools.com/cssref/css_selectors.asp上またはこの偉大な実践サイトのCSSセレクタをブラッシュアップすることができます。