如何使用jQuery調用范圍內的數據ID？

Question

我有這段代碼，當使用CSS時，它變成一個文本和一個框，我想使用jQuery在框內寫一個值。

我怎么稱呼data-id ？

<li id='phase1'>Create robots that are awesoma<span data-id='phase1'></span></li>

Answer 1

我假設您的意思是“如何獲取span的data-id屬性？”。

您可以像這樣簡單地獲取data-id屬性的值：

$("#phase1 span").attr("data-id")

您可以這樣設置：

$("#phase1 span").attr("data-id", "new value")

Answer 2

您可以使用屬性選擇器，例如：

$("#phase1 span[data-id]").text("text you want here");

如果要更改data-* attributes的值，則可以使用jQuery方法data() ，例如：

$("#phase1 span[data-id]").data('id', 'value you want here');

 $("#phase1 span[data-id]").text(" TEXT VIA JQUERY"); console.log('Before value : '+ $("#phase1 span").data('id') ); $("#phase1 span").data('id', 'new value'); console.log('After value : '+ $("#phase1 span").data('id') ); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <ul> <li id='phase1'>Create robots that are awesoma<span data-id='phase1'></span></li> </ul> 

Answer 3

好吧，您可以只使用.data（）

$('#phase1 > span').data('id');

如果將返回“ phase1”