文章内容
2023/3/4 11:27:09,作 者: 黄兵
JavaScript 如何获取 data- 值
有如下一段代码：
<div class="btn-group me-4" id="ticket-reply" data-ticket="1">
我们使用 javascript 如何获取data-ticket 的值？
要获取一个HTML元素的"data-ticket"属性的值，可以使用JavaScript的getAttribute()方法。具体来说，您可以使用以下代码：
var ticketElement = document.getElementById('ticket-reply');
var ticketValue = ticketElement.getAttribute('data-ticket');
console.log(ticketValue);
此代码首先使用 getElementById() 方法获取具有 'id' 属性为 'ticket-reply' 的元素。然后，它使用 getAttribute() 方法检索该元素的 "data-ticket" 属性的值，并将其存储在 ticketValue 变量中。最后，它使用 console.log() 将该值打印到控制台上。
如果我们使用 JQuery 应该如何获取 data- 值呢？
要使用 jQuery 获取 "data-ticket" 属性的值，可以使用 data() 方法。具体来说，您可以使用以下代码：
var ticketValue = $('#ticket-reply').data('ticket');
console.log(ticketValue);
这里，我们使用 jQuery 选择器 "$('#ticket-reply')" 获取具有 'id' 属性为 'ticket-reply' 的元素。然后，我们使用 data() 方法检索该元素的 "data-ticket" 属性的值，并将其存储在ticketValue 变量中。最后，我们使用 console.log() 将该值打印到控制台上。注意，使用 data() 方法时不需要包括 "data-" 前缀。
评论列表