Change HTML attribute with jQuery

Question

I am using jQuery 1.4.4. and I have this source code:

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

    </ul>
</div>

How can I change the data-filter attribute to true in jQuery? I tried for example:

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

but it does not work.

Anyone an idea?

Best Regards.

Answer 1

The syntax for attr is $.attr(attributeName, value);. Try this:

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