使用jQuery更改HTML属性

Question

我正在使用jQuery 1.4.4.我有这个源代码:

<div id="area1">
    <ul id="testlist" data-filter="false">

    </ul>
</div>

如何在jQuery中将data-filter属性更改为true？我试过例如:

$('#testlist').attr("data-filter").val(true);

但它不起作用.

有人有想法吗？

最好的祝福.

Answer 1

attr的语法是$.attr(attributeName, value);.试试这个:

$('#testlist').attr("data-filter", true);

Answer 2

由于您正在使用jQuery 1.4.4和"数据"属性,您可以使用jQuery的.data()方法:

示例: http ://jsfiddle.net/patrick_dw/SLskn/

alert( $('#testlist').data("filter") ); // alerts "false"

$('#testlist').data("filter",true);

alert( $('#testlist').data("filter") ); // alerts "true"

来自文档:

从jQuery 1.4.3开始,HTML 5数据属性将自动引入jQuery的数据对象.