javascript - 从 javascript 中的自定义属性中选择一个值

Question

我想选择一个值并将其存储到一个变量中。其外观如下:

<a href="#" video-id="somevalue">My link</a>

不是我想做这样的事情:

$('a').on(click, function(){
var videoId = a[video-id].val();
});

输出应该是:

console.log(videoId);
somevalue

更新

video-id="this is changeable"

Answer 1

您需要将a和click放在引号中。您可以使用.attr()或.data()来获取所需的属性值'

使用.attr()

$('a').on('click', function(){
var videoId = $(this).attr('video-id');
    alert(videoId);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" video-id="somevalue">My link</a>

使用.data()

要使用.data()，您必须在属性前加上data e.d data-id 而不是video-id

$('a').on('click', function(){
var videoId = $(this).data('id');
    alert(videoId);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" data-id="somevalue">My link</a>