var id = $(this).dataset.id

对我有用!

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

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

对于纯js

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

Try

this.dataset.id

$（“#list li”）.on（'click'， function（） { 警报（ this.dataset.id ）; }); <script src=“https://code.jquery.com/jquery-3.3.1.slim.min.js”></script> <ul id=“list” class=“grid”> < data-id=“id-40” class=“win”> <a id=“ctl00_cphBody_ListView1_ctrl0_SelectButton” class=“project” href=“#”> <img src=“themes/clean/images/win.jpg” class=“project-image” alt=“get data-id >>CLICK ME<<” /> </a> </li> </ul>

我使用$.data:

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

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

你还可以使用:

<select id="selectVehicle">
    <option value="1" data-year="2011">Mazda</option>
    <option value="2" data-year="2015">Honda</option>
    <option value="3" data-year="2008">Mercedes</option>
    <option value="4" data-year="2005">Toyota</option>
</select>

$("#selectVehicle").change(function () {
    alert($(this).find(':selected').data("year"));
});

下面是工作示例:https://jsfiddle.net/ed5axgvk/1/