javascript - jqueryを使用して属性の値を取得する方法

Question

要素の属性値を取得する必要があります。

私のコードは次のとおりです。

 var vid=$('div.selected a');
 var dataid=$(vid).data('vid');
 var dataalid=$(vid).data('alid');

そしてHTML

 <div class="vblock" id="selected">
 <a class="video" data-alid="4" data-vid="4" href="resources/videos/xyz4.mp4">

タグのdata-alidとdata-vidの値を取得する必要があります。<a>誰か助けてください…。

Answer 1

あなたはあなたが持っているものでほとんどそこにいます、しかしあなたは単純な間違いをしました。マークアップは、divがクラスではなく「選択済み」のIDを持っていることを示しているため、IDセレクターを使用する必要があります。

var vid=$('#selected a');

divセレクターからを削除したことに注意してください。これは、ID値がドキュメント内で一意である必要があるため、ID値を修飾する必要がないためです。

また、はjQueryオブジェクトを返すため、再度$渡す必要がないことに注意してください。これにより、処理速度が低下します。vid

var dataid = vid.data('vid');
var dataalid = vid.data('alid');

Answer 2

これを試して

 var vid=$('div#selected a');
 var dataid=$(vid).attr('data-vid');
 var dataalid=$(vid).attr('data-alid');

Answer 3

idのセレクターが間違っています。$(...) これを再試行する必要はありません。

var vid=$('div#selected a');
--------------^--- here this is id and not class 
var dataid=vid.data('vid');
-----------^-- here
var dataalid=vid.data('alid');

Answer 4

'。'の代わりにこの方法を試してください。ID.attr()を参照し、特定の属性を参照するために使用するため、「＃」を使用する必要があります

$(document).ready(function() {
    var vid=$('div#selected a');
    var dataalid = vid.attr('data-alid');
    var datavid = vid.attr('data-vid');
});