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-id的内容(如<a data-id="123">link</a>)，您必须使用

$(this).attr("data-id") // will return the string "123"

或.data()(如果您使用更新的jQuery >= 1.4.3)

$(this).data("id") // will return the number 123

data-后面的部分必须小写，例如data-idnum不行，但data-idnum可以。

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>

如果你不担心旧的ie浏览器，你也可以使用HTML5数据集API。

HTML

<div id="my-div" data-info="some info here" data-other-info="more info here">My Awesome Div</div>

JavaScript

var myDiv = document.querySelector('#my-div');

myDiv.dataset.info // "some info here"
myDiv.dataset.otherInfo // "more info here"

演示:http://html5demos.com/dataset

完整的浏览器支持列表:http://caniuse.com/#feat=dataset

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

你还可以使用:

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