Javascript 使用jQuery删除多个表行
单击第一行中的链接时,我需要删除表中的三行 行是使用jQuery动态创建的,并预先挂起到表中,如下所示Javascript 使用jQuery删除多个表行,javascript,jquery,jquery-selectors,tablerow,Javascript,Jquery,Jquery Selectors,Tablerow,单击第一行中的链接时,我需要删除表中的三行 行是使用jQuery动态创建的,并预先挂起到表中,如下所示 var ups=''; ups+='<tr data-file='+file_id+'>'; ups+='<td width="40%">'+gl_file_name1+'</td><td>'+gl_upload_date1+'</td>'; ups+='<td>'+gl_u
var ups='';
ups+='<tr data-file='+file_id+'>';
ups+='<td width="40%">'+gl_file_name1+'</td><td>'+gl_upload_date1+'</td>';
ups+='<td>'+gl_upload_desc+'</td>';
ups+='<td><a href="sym.php?doc_id='+file_id+'" class="view2_fl">VIEW FILE</a> | <a href="javascript:void(0);" data-file='+file_id+' data-job='+job_id+' class="del2_fl">DELETE</a></td></tr>';
ups+='<tr><td>'+priority+'</td><td>'+price+'</td><td>'+tender+'</td><td> </td></tr>';
ups+='<tr class="bottom-row"><td colspan="4">'+notes+'</td><tr>';
$(ups).prependTo('.app_table');
我曾尝试使用.next(),但似乎不起作用。我认为next()应该起作用。尝试保存对最近tr的引用,并首先删除其他tr,例如
var $tr = $(this).closest("tr");
$tr.next("tr").remove();
$tr.next("tr").remove();
$tr.remove();
Demo fiddle:获取带有链接的行,从那里可以获取下一行并添加到jQuery对象,然后一次性删除所有三行:
var tr = $(this).closest("tr");
tr.add(tr.next()).add(tr.next().next()).remove();
通过首先获取所有三行,您就不会遇到这样的问题:您希望找到一行,该行位于已删除的行旁边。另一个想法是,您可以使用类似gt的选择器 例如:
$('tr:gt(1)').remove()
应该删除第一行之后的行
$('tr:eq(0)').remove()
应该删除第一行
雷鬼
$('tr:eq(0)').remove()