如何获得data-id属性？

对于那些希望动态删除并重新启用工具提示的用户，可以使用dispose和enable方法。参见https://getbootstrap.com/docs/4.0/components/tooltips/#tooltipdispose

使用自己的属性访问数据属性id对我来说有点容易。

$("#Id").data("attribute");

function myFunction(){
  alert($("#button1").data("sample-id"));
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<button type="button" id="button1" data-sample-id="gotcha!" onclick="myFunction()"> Clickhere </button>

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

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

js：

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

//获取data-id的值-> a1

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

//这将更改data-id-> a2

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

//获取data-id的值-> a2

var id = $(this).dataset.id

为我工作！

的HTML

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

JS

$(this).data().value;

要么

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

ANS：50

为我工作！

重要的提示。请记住，如果通过JavaScript动态调整data- 属性，它将不会反映在data()jQuery函数中。您还必须通过data()功能进行调整。

<a data-id="123">link</a>

js：

$(this).data("id") // returns 123
$(this).attr("data-id", "321"); //change the attribute
$(this).data("id") // STILL returns 123!!!
$(this).data("id", "321")
$(this).data("id") // NOW we have 321

要获取属性的内容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会起作用。