JQueryでクラスを選択している間に個々の属性を取得する

Question

私はJavaScriptとJQueryを使い慣れていません。私はJSPで小さなプロジェクトに取り組んでいます。

私はJSPで動的にグリッドを作成し、クラスが「選択」されているいくつかのボタンを追加し、alt属性で現在の行インデックスを設定しました。それは完全に動作し、私は動的にonclickを設定しようとしています。これは私のコードです

$('.select').click(function(){ 
    alert($('.select').attr('alt')); 
} 

それぞれのボタンに独自のインデックスを表示したいのですが、そのコードは各ボタンの最初のインデックスを表示します。私はそれを行う方法を探しましたが、何も出ていません。

私がしたいことをする機会はありますか？

Answer 1

変化として、この行：jQueryのイベントハンドラを呼び出すと

alert($(this).attr('alt')); 

Answer 2

が、それは問題のDOM要素で、そうしようとするthisを設定し、この：あなたはDOMにアクセスする必要がある場合

$('.select').click(function(){ 
    alert($(this).attr('alt')); 
}); 

要素のプロパティを次に直接取得することができます。例：

alert(this.id); 
this.value = "test"; 

例えば、あなたが最初にjQueryの関数に渡す必要がある要素にjQueryのメソッドを使用する必要があります。

今

alert($(this).attr('alt')); 

によって

$(this).hide(); 
$(this).css("color","red").slideDown(); 

Answer 3

$('.select').click(function(){ 
    alert($(this).attr('alt')); 
}); 

変更

alert($('.select').attr('alt')); 

あなたが選択ボタンのattr altはイベントを起こします。

Answer 4

ない。これは、すべてのボタン「ショー」は、1つのボタンをクリックすると、そのalt属性内に格納された値があるでしょう

$('.select').click(function() { 
    $('.select').each(function() { 
     $(this).attr('value', $(this).attr('alt')); 
    }); 
}); 

それはあなたが探しているものだ場合は...確認してください。

ところで、1行に1つのボタンを使用している場合は、おそらくindex()をお勧めします。