单击按钮更改数据值时

Question

I have a hyperlink which have to change direction of sorting.

<a href="#" id="sort-newest" th:attr="data-value=${sortdir}">Newest</a>

When click on the link, I want to change data-value whithout refresh page.

$('#sort-newest').click(function(event){
    var url = [[${url_current}]];
    var sortby = 'isNew';
    var sortdir = $(this).attr('data-value');

    if (sortdir == 'ASC') {
        sortdir = 'DESC';
    } else if(sortdir == 'DESC') {
        sortdir == 'ASC';
    }

    var data = {
        sortby: sortby,
        sortdir: sortdir
    };

    $('#productList').load(url, data);
});

This is not working and I can not understand why. Can you help me please ?

Answer 1

Guess you are using jQuery

 var sortdir = $(this).attr('data-value');

for the above code to work you must have

data-value="${sortdir}" not th:attr="data-value=${sortdir}"

Answer 2

<input type="text" data-value="10">

如果您想使用jQuery更改数据值

$("element").data("value") = "25";

Answer 3

You have invalid attribute.

Change th:attr="data-value=${sortdir}" to data-value="${sortdir}" .

<a href="#" id="sort-newest" data-value="${sortdir}">Newest</a>

Use the .attr() jQuery function to set/update the attribute:

$('#sort-newest').attr('data-value', 'new value');