如何获取`data-listid`属性值

Question

在浏览器控制台中，我在jquery脚本中使用console.log后获得了以下html元素。

<li class="fe_pui-autocomplete-box ui-draggable ui-sortable-helper" data-listid="latest_4604b40a-0492-49da-a86e-37f633501c2c" style="position: absolute; left: -561.812px; top: 98px; width: 456px; height: 14px; opacity: 1; z-index: 0;">.....</li>

我使用的代码如下：

$(document).on('mouseup', 'li', function() 
{ 
console.log($(this)[0]); 
.....

如何获取data-listid属性值？

Answer 1

我得到了解决方案：

console.log($(this)[0].attributes[1].value);

Answer 2

您可以使用.attr获取任何属性值：use：

console.log($(this).attr("data-listid"));

OR

console.log($(this).data('listid'));

Answer 3

＆＃13;

＆＃13;

console.log($('li').attr('data-listid')) //normally use .attr()
console.log($('li').data('listid')) //if you set the attr using .data() you get it using .data().

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li class="fe_pui-autocomplete-box ui-draggable ui-sortable-helper" data-listid="latest_4604b40a-0492-49da-a86e-37f633501c2c" style="position: absolute; left: -561.812px; top: 98px; width: 456px; height: 14px; opacity: 1; z-index: 0;">.....</li>
</ul>

＆＃13;

＆＃13;

＆＃13;

1. 通常你可以使用.attr（）
2. 如果使用.data（）设置attr，则需要使用.data（）来获取它

离。

你设置attr就像

$('li').data('listid','adasdasdasdas') // use .data()