次のようなHTMLの場合
<a href="#" class="a b nl-3522">First</a>
<a href="#" class="a b nl-7352">Second</a>
<a href="#" class="a b nl-4874">Third</a>
<!-- Note that classes nl-* are being added dynamically and are random so I can't
hardcode the value -->
<!-- Also, the number of classes can vary for each anchor -->
で始まるクラスの値を取得しようとしていますnl-
。以下は私が現在持っているイベントハンドラーです
$('.a').on('click', function(e){
e.preventDefault();
var $anchor = $(this);
// how do I use class^="nl-" here so that I get the value nl-3522
// if I click on "First" or nl-7352 if I click on "Second"...
});
フィドルを追加して、ジョブをライブでテストしやすくします。 JSFIDDLE
これは、クラスを分割してから照合することで実行されるため、クラスのインデックスに完全に依存しません。
$('.a').on('click', function(e){
e.preventDefault();
var $anchor = $(this);
var get = $.grep(this.className.split(" "), function(v, i){
return v.indexOf('nl-') === 0;
}).join();
alert(get);
// how do I use class^="nl-" here so that I get the value nl-3522
// if I click on "First" or nl-7352 if I click on "Second"...
});
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加