jQueryセレクタの問題

Question

CSSクラスをに追加するクリック機能をアタッチしようとしています。特定のdiv内にアンカータグがすべてです。どういうわけか私はjQueryにこれをさせることができません（JSエラーもありません）。

DIV：

<div id="better"> 
    <a href="1.aspx">One</a> 
    <a href="2.aspx">Two</a> 
    <a href="3.aspx">Three</a> 
</div> 

私のjQueryのコード（$（ドキュメント）.readyの内側）：

$("#better > a").click(function() { $(this).addClass('active'); }); 

私はどうかを確認するために私のクリック機能にアラートを追加それは始動するが、何も起こらない。上に書いたように、FFエラーコンソールでもJavaScriptエラーは発生しません。

ヘルプ？

編集：これは単なるコード例です。はい、リダイレクト時にクラスを変更するのは意味がありません。私は自分のコードを私がやろうとしていることの中核に単純化しました。 :)

Answer 1

$("#better a").bind('click', function() { $(this).addClass('active'); }); 

Answer 2

私のために働きかけます。しかし、新しいページにリダイレクトする場合は、なぜクラスを追加しますか？

Answer 3

つの推測：

1. あなたは多分id="better"で、ページ上の他の要素を持っていますか？ IDはグローバルにユニークであると考えられているため、セレクタはそのうちの1つだけを返します。

2. クリック機能をfalseに戻して、ユーザーがリンクをたどらないようにしてください。 （多分リンクは新しいウィンドウで開きますしない限り、ユーザーがページを残しているときに、クラスを追加するために奇妙なようだ。）

Answer 4

は終了bodyタグの前にページの右側の一番下にあるコードを実行してみてくださいまたは$（document）.ready（）関数の中にあります。

Firebugを使用すると、console.log（）を使用してjavascriptコンソールに書き出し、セレクタが実際に要素を戻していることを確認できます。例：console.log（$（ "＃better> a"）。length）

Answer 5

あなたが尋ねていることを理解していれば、これで終わりたいのですか？

<div id="better"> 
    <a href="1.aspx" class="active">One</a> 
    <a href="2.aspx" class="active">Two</a> 
    <a href="3.aspx" class="active">Three</a> 
</div> 

その部門のリンクがクリックされた場合は、右クリックしてください。 （あなたはすべてのアンカータグと言っていました）...

$("#better").click(function() { 
$(this).find('a').addClass('active'); 
return false; 
});