要素ごとの情報を持つjquery setのクリックハンドラー

Question

私はonclick属性ontagを持っています。これは、ユーザーがクリックするとREQUIRED_IDを持つserversideideを取得します。
問題は、ドキュメント上でクリックハンドラを設定するよりjqeryのようなアプローチを試していますが、今はREQUIRED_IDを設定していないためです。
REQUIRED_IDで別のタグを設定し、準備中にそれを読んで、これを行うjqueryの方法は何でしょうか？

はNOW：BEFORE

$.ready(
    $('select.attr_satus>option:not(:selected)').each( 
     /* I AM MISSING REQUIRED_ID, WHERE DO I GET THIS VVVVVV*/ 
     $(this).click(function(){ statusChanged(this,REQUIRED_ID,$(this).val()); }) 
    ); 
); 

：私はそれらの選択タグ各次々のいくつかを持っているとして

<select class="attr_status"> 
<option onClick='statusChanged(this,REQUIRED_ID,"draft");' value='draft'>Draft</option> 
<option value='publish' selected="true">Published</option> 
</select> 

REQUIRED_IDは、行ごとに変化するIDです。あなたは、 "データ - " であなたの余分な情報を格納することができ

Answer 1

属性：

<select class="attr_status"> 
    <option data-requiredId='REQUIRED_ID' value='draft'>Draft</option> 

その後、あなたのイベントハンドラで、あなたが ".DATA（）" でそれを取得することができます。

$(this).click(function() { 
    statusChanged(this, $(this).data('requiredId'), this.value); 
}); 

編集 — "data-"属性はHTML5で標準化されています。もう1つのアプローチは、 "class"文字列を使用することです。 、

$(this).click(function() { 
    var id = this.className.replace(/^.*\brequiredId:(\S+).*/, '$1'); 
    statusChanged(this, id, this.value); 
});