我有一个跨度。我想获取属性data-txt-lang的值，该值是使用定义的。

$(document).ready(function ()
{
    <span class="txt-lang-btn" data-txt-lang="en">EN</span>
    alert($('.txt-lang-btn').attr('data-txt-lang'));
});

对于纯js

 let btn = document.querySelector('.your-btn-class');
 btn.addEventListener('click',function(){
 console.log(this.getAttribute('data-id'));
 })

HTML

<span id="spanTest" data-value="50">test</span>

JavaScript

$(this).data().value;

or

$("span#spanTest").data().value;

50岁:

我使用$.data:

//Set value 7 to data-id
$.data(this, 'id', 7);

//Get value from data-id
alert( $(this).data("id") ); // => outputs 7

问题是你没有指定下拉菜单或列表的选项或选定的选项，这是下拉菜单的一个例子，我假设一个数据属性数据记录。

$('#select').on('change', function(){
        let element = $("#visiabletoID");
        element.val($(this).find(':selected').data('record'));
    });

这段代码将返回数据属性的值。例如:data-id, data-time, data-name等。

我为id显示了它:

<a href="#" id="click-demo" data-id="a1">Click</a>

获取data-id -> a1的值

$(this).data("id");

这将改变data-id -> a2

$(this).data("id", "a2");

JQuery:获取data-id -> a2的值

$(this).data("id");