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

你几乎已经有了你所拥有的，但你犯了一个简单的错误。您的标记显示divID 为“selected”，而不是类，因此您需要使用 ID 选择器：

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

请注意，我已从div选择器中删除了 。这是因为 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');
});