0

ユーザーがページを更新せずに新しい行を追加するたびに、行を先頭に追加しています。.each（）を使用している行のクラスをリセットするために使用していますが、正しく機能していません。すべての新しい行に奇数クラスを追加します。

$("#tbadver").prepend("<tr id='tr_"+advID+"'>"
    +"<td >"+advName.val()+"</td>"
    +"<td >"+email.val()+"</td>"
    +"<td >"+phone.val()+"</td>"
    +"<td >"+mobile.val()+"</td>"
    +"<td >"+contactName.val()+"</td>"
    +"<td >"+contactEmail.val()+"</td>"
    +"<td >"+contactMobile.val()+"</td>"
    +"</tr>");
jQuery(".tbl-grid tr").each(function(e)
{
    $(e).find("tr:odd").addClass("odd");
    $(e).find("tr:even").addClass("even");
});
4

3 に答える 3

2

最初にすべてのテーブルクラスをリセットする必要があります：

$("tbl-grid tr").removeClass("odd even");
$("tbl-grid tr:odd").addClass("odd");
$("tbl-grid tr:even").addClass("even");

すべてのtrをで解析する必要はなくeach、domを解析するだけです。

また、のような「ライブ」イベントでそれを行っていることを確認してくださいon。

于 2013-03-15T08:39:22.040 に答える
0 
$('table tr').removeClass("odd").removeClass("even");
$('table tr:odd').addClass('odd');
$('table tr:even').addClass('even');
于 2013-03-15T08:36:41.957 に答える
0

各関数は必要ありません........

$(".tbl-grid tr:odd").tbl-grid行の下で一致するすべての「奇数」を選択します

$(".tbl-grid tr:odd").addClass("odd");十分です

于 2013-03-15T08:40:56.043 に答える