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

私のようなコードを使用しています：data-listid属性値を取得する方法

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

？

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. .data（）を使用してattrを設定する場合は、.data（）を使用して取得する必要があります。

ex。

あなたは

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

Answer 3

のようなのattrを設定し、私は解決策だ：

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