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

Selecting a value from a custom property in javascript

本文关键字：一个 选择 javascript 自定义属性      更新时间：2023-09-26

我想选择一个值并将其存储到变量中。下面是它的外观：

<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"

您需要将a和click放入quotes。您可以使用.attr()或.data()来获得所需的attribute value"

使用.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>

您可以使用：

var videoId = a.attr("video-id");

或者，最好坚持data-*属性并给出：

<a href="#" data-video-id="somevalue">My link</a>
var videoId = a.data("video-id");

并请更改：

$(a)
// to
$("a")
相关文章：