0

クリックされたときにテーブル内のフィールドの 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/

4

2 に答える 2

0 
$("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セルに適用されると想定しています。

于 2013-05-14T10:35:57.770 に答える