单击按钮更改数据值时

When click on button to change data-value

本文关键字：数据 按钮 单击      更新时间：2023-09-26

我有一个超链接，它必须改变排序方向。 

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

单击链接时，我想在不刷新页面的情况下更改数据值。

$('#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);
});

这是行不通的，我不明白为什么。你能帮我吗？

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

如果要使用 jQuery 更改数据值

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

您的属性无效。

将th:attr="data-value=${sortdir}"更改为data-value="${sortdir}"。

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

使用 .attr() jQuery 函数设置/更新属性：

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

猜你正在使用jQuery

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

要使上述代码正常工作，您必须具有

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

相关文章：