添加所選類的錶行，當點擊該行

我有表添加所選類的錶行，當點擊該行

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="activity_tab"> 
    <tr id="list_1"> 
     <td><span class="new_act">Folder files Created</span> 
     </td> 
     <td>2013-06-24 02:11 am</td> 
    </tr> 
    <tr id="list_2"> 
     <td><span class="new_act">Folder ss Created</span> 
     </td>`enter code here` 
     <td>2013-06-24 02:11 am</td> 
    </tr>

及其動態表數據來自上運行時，當我在排我想選擇的類添加到該行點擊。後，我有超鏈接在頁面的頂部

<li><a href="javascript:void(0);" class="delete">Delete</a></li>

這是我的超級鏈接現在當點擊超鏈接選定的行會BHE刪除我怎樣才能得到所選行，我有關於它的缺失念頭但could'nt找到任何解決辦法...

來源

2013-06-24 Muhammad Saqlain Arif

你可以做到這一點 -

$('.activity_tab tr').on('click',function(){ 
    $(this).addClass('selected'); 
}); 
$('.delete').on('click',function(){ 
    $('tr.selected').remove(); 
});

來源

2013-06-24 11:43:19

你的代碼不工作.. :( –

@ saqlain786你加入TR的動態？ –

是有隻在一個TR這是在循環 –

我會選擇行上添加一個類。我假設您一次只能有一個選定的行，因此您需要在單擊新行時刪除所有選擇。

由於您的表是動態的，因此您需要使用委派的事件偵聽器來添加選定的類。有關委派事件的更多詳細信息，請參閱jQuery's on() method的文檔。

$(document).on('click', 'tr', function(e) { 
    $('tr.selected').removeClass('selected'); //clear other selections 
    $(this).addClass('selected'); //mark this row as selected 
}); 

$('a.delete').on('click', function(e){ 
    e.preventDefault(); //stop native link behavior 
    $('tr.selected').remove(); //remove selected row 
});

需要注意的是，增加了selected類一排聽衆會影響到文檔中的任何tr元素。如果您的網頁上有其他表格，則需要使第二個選擇器（在「點擊」之後）更具體。

來源

2013-06-24 11:44:07 cfs

你可以試試這個

$(function(){ 
    $(".activity_tab tr").click(function(){ 
     $(this).addClass("red"); 
    }); 

    $('.delete').on('click',function(){ 
     $('tr.red').remove(); 
    }); 
});

演示：http://jsfiddle.net/YNNVr/

來源

2013-06-24 11:49:16 Satpal

您可以點擊添加selected類tr與下面的代碼。

$('.activity_tab').on('click', 'tr', function(){ 
    $(this).addClass('selected'); 
});

如果你想利用這一步，你可以使用toggleClass代替addClass，這樣你就可以只在tr再點擊一下刪除selected類。

然後可選擇所有selected行和刪除它們

$('.delete').on('click', function(){ 
    $('activity_tab .selected').remove(); 
});

這與selected類刪除所有表中的行與activity_tab類。

來源

2013-06-24 11:50:05 Puuskis

添加所選類的錶行，當點擊該行

回答

相關問題