如何获得`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

您可以使用.attr得到任何属性值：使用：

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

OR

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

Answer 2

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().

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

1. 通常情况下，你可以使用.attr（ ）
2. 如果使用。数据设置ATTR（）的使用需要使用的.data（）得到它

前。

设置像

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

Answer 3

的ATTR我得到了解决：

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