Javascript：如何在textfield data-id属性上添加一些值

Question

我有一个文本框，我保留了一个空文本框，所以在加载它时我想在属性data-id上放置一些数据

实施例

我有<input id='shiftSel' data-id="" style="font-size: 11px; color:#3399FF; type="text" size="5">

所以在加载页面时我想给data-id=""这个有些价值，怎么做？

我只知道如何在文本框值字段上加值 喜欢

    $(document).ready(function() { $("#shiftSel").val(dateArr[0]); } );

Answer 1

使用.data() ---> http://api.jquery.com/data/

$("#shiftSel").data('id',dateArr[0]);

注意：.data()不会更新实际的data-id属性，它只是更新与您的元素关联的数据，该数据由浏览器维护。 （您将无法检查浏览器控制台元素视图中的更改）

Answer 2

或者您也可以使用.attr()

的替代方式

$("#shiftSel").attr("data-id","5");
console.log($("#shiftSel").attr("data-id"));

EXAMPLE

Answer 3

使用 data ：

$('#shiftSel').data('id','idvaluehere')

Answer 4

使用.data()

$("#shiftSel").data('id','something here')

Answer 5

使用data

---

从这句话开始： 我想给data-id =“”

增加一些价值

---

$("#shiftSel").data('id',' ');

Answer 6

这是

 $("#shiftSel").attr("data-id",dateArr[0]);

或.data()（如果您使用较新的jQuery＆gt; = 1.4.3）

$(this).data("id",dateArr[0]);

Answer 7

请使用 attr 。

可能 data 不适用于某些jquery lib和浏览器不支持HTML5