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值在文档中必须是唯一的，因此不需要对它们进行限定。

另请注意，由于$将返回一个jQuery对象，因此无需再次将vid传递给它，这将会更慢：

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

Answer 2

trythis

 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');
});

如何使用jquery获取属性的值

4 个答案: