はどのように私は私がリンクを持つリスト持っているのjQuery＆JS

Question

を介して、選択されたクラスを知ることができます任意のリンク上

<li class="link-1"><a href="#">One</a></li> 
<li class="link-2"><a href="#">Two</a></li> 
<li class="link-3"><a href="#">Three</a></li> 
.. 

ユーザーがクリックし、その後、jQueryを使って私は気にいらない...]リンクの内容を表示したいですlike：

$(".link-??? a").click(function() { 
    alert($(".link-??? a").html()); 
}) 

このようなものです。私は（リンクの数として）X関数を作成するつもりはないので、どうすればいいですか？私は、クリックされた要素を参照する必要があります。..

Answer 1

あなたは行うことができます：liは唯一のクラスを持っている場合、またはlink-Xクラスがリストの最初にある場合

$('li[class^="link"] a').click(... 

しかし、これはのみ動作します。あなたはa要素を参照するために$(this)を使用することができハンドラ内

：はるかに良い

alert($(this).text()); 

はli要素の共通クラス与えることを次のようになります。

<li class="link"><a href="#">One</a></li> 
<li class="link"><a href="#">Two</a></li> 
<li class="link"><a href="#">Three</a></li> 

$('.link a').click(...になりますはるかに信頼性の高い。

Answer 2

は試してみてください。..他somtehingにクリックイベント内

$(".link-??? a").click(function() { 
    alert(this.innerHTML); 
}) 

、thisを???を交換する必要があります。あなたはまた、最初の方法..but ..

alert($(this).html()); 

を行うことができ

が簡単、かつ高速です。

Answer 3

各要素に同じクラスを割り当てます。次に、あなたの関数内でこれをあなたのjavascriptで参照してください。 は、（うまく..私はちょうど一日:-)学んでいる）私は `` $（この）聞いたことがありません

http://jsfiddle.net/kprgr/2/

<li class="link"><a href="#">One</a></li> 
<li class="link"><a href="#">Two</a></li> 
<li class="link"><a href="#">Three</a></li> 

$(".link").click(function() { 
    alert($(this).find("a").html()); 
});