如何获得data-id属性?

我正在使用jQuery Quicksand插件。我需要得到点击项目的数据id，并将其传递给一个webservice。

如何获得data-id属性?我正在使用.on()方法重新绑定排序项的单击事件。

$("#list li").on('click', function() { // ret = DetailsView.GetProject($(this).attr("#data-id"), OnComplete, OnTimeOut, OnError); alert($(this).attr("#data-id")); }); <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script> <ul id="list" class="grid"> <li 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" /> </a> </li> </ul>

当前回答

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>

2020-06-10 13:56:03

其他回答

对于纯js

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

2022-01-05 08:43:38

对于那些希望动态删除和重新启用工具提示的人，可以使用dispose和enable方法。看到.tooltip(处理)。

2019-08-15 18:29:34

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

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

2020-02-18 06:01:38

我使用$.data:

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

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

2014-10-21 13:00:33

HTML

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

JavaScript

$(this).data().value;

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

50岁:

2015-08-04 16:48:15

如何获得data-id属性?

推荐文章

最新文章

标签