-2

テーブル行を削除するためにこのコードを作成しました：

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

HTML :

同じ id を持つ 3 つの行。例えば ​​：

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

しかし、3つすべてを削除したいのですが、ie7以外のすべてのブラウザーで正常に動作しますか? 誰でも私を助けることができますか？

4

3 に答える 3

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

于 2013-02-07T11:37:17.990 に答える
1

あなたの 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();
于 2013-02-07T11:37:37.243 に答える
0

あなたが好きならいくつかの別の方法を試してみてください

<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);
});
于 2013-02-07T12:15:53.650 に答える