クリックしたリンクのクラスを確認する方法

Question

私は自分のページにいくつかのリンクを持ち、ユーザーがクリックしたときにJQueryスクリプトを実行したいと思っています。以前はリンクに一意のIDを追加しました。私のクリックイベントで

<a id="user_1" class="mylink"> 

私はその後、IDを抽出し、今、私は私のページには、同じIDを持つ複数のリンクを持っているかもしれない問題があり、そしてもちろんだということ

userid = $(this).attr('id').split('_')[1]; 

上で処理を開始しました不可能（afaik）。だからクラスとして追加する必要があると思いますよね？例えば

<a class="mylink user_1"> 

これが最善の方法ですか？そして、私はどのようにしてクラスからuserID（ '1'）を抽出できますか？もちろん、jQuery-Scriptでは、クラス 'user _ ,,,'がないa-linkもあることに注意してください。 事前に感謝します！

Answer 1

これを行う最も良い方法は、カスタムdata-*属性です。これらはHTML5標準に準拠しており、その標準より古いブラウザで普遍的に機能します。

だからあなたのリンクは次のようになります。

<a data-user="1" class="mylink"> 

あなたのクリックハンドラは、次のようになります。

$('a').click(function(){ 
    var userId = $(this).data('user'); 
}); 

これはdata輸入data-*属性ために動作します。

data-user属性セットがない場合、userIdはundefinedになります。

Answer 2

this.classNameまたはあなたはjQueryオブジェクトを使用してそれを実行したい場合は（そうする正当な理由がない）：$(this).attr('className')

この文字列から、あなたは正規表現（/userid_([0-9]+)/）でIDを抽出でき...

---

ただし、HTML5 data-属性を使用する方が効果的です。ブラウザは、彼らが何かを壊さないとHTML4やXHTMLで正常に動作します未知の属性について非常に寛容であるので：

<a class="mylink" data-userid="1">---</a> 
... 
var userid = $(this).data('userid'); 

素敵な事がある：あなたがデータ属性に有効なJSONを置けば、.data('yourAttr')は自動的にオブジェクトを返します。文字列の代わりに。

Answer 3

この

http://jsfiddle.net/Wa6gN/