jquery - 流星のクリックハンドラで正規表現を使用する

Question

正規表現に一致するすべての要素のクリックイベントをバインドしようとしています。jquery でそれを行う方法はありますが、コードを meteor フレームワークに変換する方法がわかりません。ここに私が取り組んでいるコードがあります:

$("input:regex(class, inc*)").click(function(e) {
    var tag = $(e.currentTarget);
    ...
});

私は.inc*jqueryでクラスにバインドしています。の構文はあります'click input.inc*'か?

score 4 · Accepted Answer

CSS セレクターを使用して、次のように開始します。

'click input[class^="inc"]': function () {
}

編集：

内容:

'click input[class*="inc"]': function () {
}

で終わる:

'click input[class$="inc"]': function () {
}

score 0 · Accepted Answer

Meteor がこれらのタイプの構文をサポートしているかどうかはわかりません。しかし、別の回避策として、カスタムdata属性を使用して、増分するスコアのポイントを指定することをお勧めします。ドキュメントを参照してください。を使用して jQuery で取得できます.data(key)。

たとえば、次のようにタグにdata-score属性を追加します<button>

<input type="button" class="inc" data-score="5" value="Give 5 points" />
<input type="button" class="inc" data-score="10" value="Give 10 points" />.

そして、これらの属性を次のように使用します。

'click input.inc': function (ev) {
    Players.update(Session.get("selected_player"), {$inc: {score: $(ev.target).data('score')}});
 },

score 0 · Accepted Answer

反応性のため、イベントをドキュメントにバインドする必要があります。

$(document).on("click", "input:regex(class, inc*)", function(e) {
  var tag = $(e.currentTarget);
});

jquery - 流星のクリック ハンドラで正規表現を使用する