Question

我已经使用此代码删除表格行：

jQuery('tr#rowAttend1').remove();

HTML：

具有相同ID的三行。例如：

<tr  id="rowAttend1" ><td>ssss</td></tr>
<tr  id="rowAttend1" ><td>ddddd</td></tr>
<tr  id="rowAttend1" ><td>ccccc</td></tr>

但我希望所有三个都被删除除了ie7之外，它在所有浏览器中都能正常工有人能帮助我吗？

Answer 1

<tr  id="rowAttend1" ><td>ssss</td></tr>
<tr  id="rowAttend2" ><td>ddddd</td></tr>
<tr  id="rowAttend3" ><td>ccccc</td></tr>

$('#rowAttend1,#rowAttend2,#rowAttend3').remove();

将ID更改为唯一ID，然后您可以删除表格行

类示例

<tr  class="rowAttend1" ><td>ssss</td></tr>
<tr  class="rowAttend1" ><td>ddddd</td></tr>
<tr  class="rowAttend1" ><td>ccccc</td></tr>

$('.rowAttend1').remove();

这将删除课程rowAttend

的所有元素

Answer 2

您的ID不是唯一的，请使用不同的ID，

<tr  id="rowAttend1" ><td>ssss</td></tr>
<tr  id="rowAttend2" ><td>ddddd</td></tr>
<tr  id="rowAttend3" ><td>ccccc</td></tr>

（OR）

将特定的eventcatch（e）（即）（this）传递给该javascript函数并从中删除它，

$(this).remove();

Answer 3

如果你喜欢

，尝试一些不同的方式

<table>
    <tr><td>one</td> <td><button class="removeTR"> one</button></td> </tr>    
    <tr><td>two</td> <td><button class="removeTR"> two</button></td> </tr>    
    <tr><td>three</td> <td><button class="removeTR">three</button></td> </tr>    
    <tr><td>four</td> <td><button class="removeTR"> four</button></td> </tr>    
   <tr><td>five</td> <td><button class="removeTR"> five</button></td> </tr>    
</table>

$("tr .removeTR").live('click', function() {
    $(this).parent().parent().remove();
});

或一些能够提供良好平滑行删除的东西

$("tr .removeTR").live('click', function() {
    $(this).parent().parent().fadeOut(1000);
    setTimeout(function(){$(this).parent().parent().remove();}, 1000);
});

使用jquery删除表行

3 个答案: