php - 使用jquery删除表行

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>

（或者）

将特定的 eventcatch(e) (ie) (this) 传递给该 javascript 函数并从中删除 this 之类的，

$(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);
});