jquery内のリンクのクラス名を変更する

Question

私のページにhrefがあり、クリックされたリンクのクラス名の名前を変更したいと思います。しかし、私のスクリプトはリンクのすべてのクラスを変更しています。リンクにIDを与えない方法はありますか？

次のように私のスクリプトは次のとおりです。

$('myLink a').attr('class', 'newClassName'); 

<div id="myLink"> 
<a class="text"><span id="wordBlock-0">house</span></a> 
<a class="text"><span id="wordBlock-0">house</span></a> 
... 
</div> 

Answer 1

あなたがを使用しなければならない要素のクラスで作業したい場合は、セレクタに＃を使用しなければならない要素のidと協力したい場合。

$("#myLink a").click(function() { 
$("#myLink a").attr('class', 'newClassName'); 
}); 

Answer 2

$('#myLink a').click(function(){ 
    $(this).attr('class', 'newClassName'); 
    return false; 
}) 

Answer 3

使用addClass()とremoveClass方法

$('myLink a').click(function(){ 
    $(this).addClass('newClassName'); 
}); 

Answer 4

は、クリックイベントを結合して、クリックされた要素を参照するためにthisを使用してみてください。

$('myLink a').click(function(){ 
    $(this).attr('class', 'newClassName'); 
});