Question

我正在尝试在单击时更新表中字段的HTML。单击它时，将应用一个类，并在'headerSortUp'和'headerSortDown'之间交替。

这是我到目前为止所做的：

$(document).on('click', "table#archive-table thead tr th.headerSortUp", function(){ 
    $(this).html('Date <span class="ss-icon ss-gizmo">up</span>');
});

我还需要添加，如果类是'headerSortDpwn'，则将HTML更新为Date <span class="ss-icon ss-gizmo">down</span>

如果您能提供帮助，或者我没有说清楚，请告诉我。

谢谢， [R

更新

http://jsfiddle.net/Rx9pD/1/

Answer 1

试试这个：

$('#archive-table ').on('click', "th", function () {
    if ($(this).hasClass('headerSortUp')) $(this).html('Date <span class="ss-icon ss-gizmo">up</span>');
    else if ($(this).hasClass('headerSortDown')) $(this).html('Date <span class="ss-icon ss-gizmo">down</span>');
});

Answer 2

$("table#archive-table thead tr th").click(function (e) {

    if ($(this).hasClass("headerSortUp")){
        $(this).removeClass("headerSortUp");
        $(this).addClass("headerSortDown");
    }
    else{
        $(this).removeClass("headerSortDown");
        $(this).addClass("headerSortUp");
        S(this).html('Date <span class="ss-icon ss-gizmo">down</span>');
    }
});

在html（）函数中放置整个html而不是你在问题中提供的内容。我还假设headerSortUp类最初应用于您的th单元格。

单击切换时更新元素的HTML

2 个答案: