javascript - JQueryカスタム関数の呼び出しに混乱

Question

私はそのようなhtmlを持っています

<span rel='comm' val='12'>click</span>
<span rel='comm' val='82'>click</span>

私はこれを行うためにJQueryを使用しています

$('span[rel*=comm]').cust();

カスタム関数はそのままです

$.fn.cust = function () {

    $(this).click(function(e) {
        alert($(this).val());
    });
}

2 番目のスパンをクリックしても、この値は 12 で、82 になります。

どんな助けでも大歓迎です。

Answer 1

コレクション内の各要素に対して個別の関数を返す必要があります。通常は次のように行いますreturn this.each ...

$.fn.cust = function () {
   return this.each(function() {
      $(this).click(function(e){
          alert($(this).val());
       });
   });
}

Andは要素valueの有効な属性ではありません。span