これは私のHTMLです:
<div class="btn-group btn-group-justified">
<a id="option1" data-option="1" class="btn btn-default" href="#">3</a>
<a id="option2" data-option="2" class="btn btn-default" href="#">6</a>
<a id="option3" data-option="3" class="btn btn-default" href="#">9</a>
<a id="option4" data-option="4" class="btn btn-default" href="#">12</a>
<a id="option5" data-option="5" class="btn btn-default" href="#">15</a>
</div>
<p id="pp"></p>
そして私のjQuery:
$("[id^='option']").click(function () {
$("#pp").html(this.attr("data-option"));
});
コードは、問題を簡単に指摘できるように単純化されています。
私がやりたいのは、クリックされた要素の属性値を で要素に取得するdata-option
ことa
です。p
id="pp"
参照に何か問題があるthis
と思います。同じコードを 5 回も書きたくないので、starts with 演算子を使用しようとしthis
ました。