同じクラス名のタグにアクセスし、onClickをjavascriptを使用して処理する方法は？

Question

同じクラス名で2つの選択ドロップダウンがあり、オプション値が選択されたときにタイトルを返すようにします。しかし、2番目のドロップダウンが変更されたとき、私は、持っているコードで、それはまだ両方の要素selectedoptionと上attr('title')を呼び出すことを選択しますのでchangeハンドラjQuery('.child_Select_Size option:selected')内の最初のオプション]ドロップダウン

http://jsfiddle.net/kgrg/ETeZe/3/

Answer 1

コードを競合がない場合は、使用$の代わりjQueryを作るか使用すべて.child_Select_Size要素。イベントをトリガしただけのものに制限するには、試してみてください。

size_title=jQuery('option:selected', this).attr("title"); 

Answer 2

で選択した値を返します。これらの一致した要素は常に最初の要素のtitleを与えます。

イベントを発生させたelementを指すthisキーワードを使用する必要があります。 $(this).findは、イベントを発生させた要素の内部のみを調べます。

size_title=jQuery('.child_Select_Size option:selected').attr("title"); 

をマッチングされています：あなたが価値を引き出すために使用している。またjQuery.noConflict()

$('.child_Select_Size').change(function(elmt){ 
    alert($(this).find('option:selected').attr("title")); 
}); 

Demo

Answer 3

あなただけのグラブれる（だけではなく、新たな選択を使用しての、変更された選択ボックスを参照するために$（this）を使用する必要がありますすべて）。

http://jsfiddle.net/ETeZe/10/