控えめなJavaScript - 安全な属性？

Question

私は自分のHTMLからJavaScriptコードを分離しようとしています。私はメソッドに渡しているだけで、パラメータを含む属性へのonclickを交換したいと思います

<div onclick="return do_something_with('100566');" class="clickable">Click Me!</div> 

：私は現在、このようなコードを持っています。

は、私は次のコードタイプで、このためにjQueryを使用しています：

var $j = jQuery; 
$j(function(){ 
    $j('.clickable').live('click',function(){ 
     param = $j(this).attr('attribute_name'); 
     do_something(param); 
    }); 
}); 

私は、このパラメータ値を通信するための安全であろう「ATTRIBUTE_NAME」のために使用することができますどのような属性

？私はIDを使用することができますが、私はすでに、DOMの別の場所に同じidを持つ要素を定義していたでしょう。

提案がありますか？

Answer 1

aタグを作ってみませんか？アンカー（#someThing）の部分を使用するサイトや、rel属性を使用するサイトがいくつかあります。

Answer 2

class属性またはtitle属性は、スペースで区切られたパラメータのリストとして使用できます。タイトルの欠点は、あなたの要素が推移たとき、それはポップアップとして表示されるでしょうということです。

<div class="clickable param1 param2 param3"> 

または

<div class="clickable" title="param1 param2 param3"> 

ここでは、あまりにも検討するかもしれないother attributesのリストです。

Answer 3

私はよく、idを使用して固有のものにするか、または隠された<span>にデータを貼り付けます。

Answer 4

divのaにrelタグを使用できませんでしたか？ 1つのパラメータまたはn個のパラメータをdoSomethingに渡すことができます。だから今paramはdoSomethingのために送られたとき

<div> 
    <a class="clickable" rel="param1 param2 param3">Click Me!</a> 
</div> 

ことでパラメータを介して送信されているかどうか確認するために使用することができparam.indexOf("param1")スペースで区切られたリスト？

Answer 5

私は通常Client-100566のような意味の接頭辞を追加して、このコードを使用してアクセス：

var param = $(this).attr("id").split("-")[1]; 

編集：無効なすべての-番号IDトークンの削除提案。

Answer 6

任意の属性名を構成できます。

<div onclick="foo();" silkyvalue="12938">hello</div> 

私は通常、「my_somethingID」のようにいくつかの命名フォーマットに行きます。