JQUERY：動態AJAX和HTML元素移除

考慮以下代碼：JQUERY：動態AJAX和HTML元素移除

<tr> 
<td> 
<input type="checkbox" name="20081846" value="20081846" class="chk-input"> 
</td> 
<td>20081846</td> 
<td>AGONOY, JAY TAN</td> 
</tr>

比方說，我有這N個的表（用不同的數據集）。我正在計劃的是，如果用戶檢查輸入框，它將刪除用戶被檢查。我得到它使用此JQUERY

var del_users = function(btn,chk,url) { 
$(btn).click(function(){ 
    $(chk).each(function(){ 
     if($(this).attr('checked') == 'checked') { 
      //pass code data 
     } 
    }); 
}); 
}

哪個作品，我只需要做的功能，刪除數據。

我的下一個問題是，一旦數據被刪除，我希望在表格中顯示的行被移除。除了刷新整個條目之外，是否有辦法選擇性地刪除選中的「tr」元素？

來源

2012-05-14 Mr A

是的，有如[.parent（）]（http://api.jquery.com/parent/）。你有什麼嘗試？ – matthewnreid

注意：這不是AJAX，而是JavaScript（至少是動態JavaScript）。 AJAX意味着專門用JavaScript實現對服務器的異步調用。 – sp00m

@matthewnreid我還沒有嘗試過。父母雖然在我的腦海裏，但我只能在列表中看到它的例子。所以我不確定。下面的建議看起來也不錯。 –

$(chk).each(function(){ 
    if($(this).prop('checked') === true) { 
     $(this).closest('tr').remove(); 
    } 
});

來源

2012-05-14 11:50:07 adeneo

刪除行用一個漂亮的動畫：

if($(this).attr('checked') == 'checked') { 
    //pass code data 
    var $row = $(this).closest('tr'); 
    $row.slideUp('fast',function() { 
     $row.remove(); 
    }); 
}

你不發表您的Ajax代碼，否則我會添加移除代碼到成功回調

（記得關閉儘管！）

來源

2012-05-14 11:54:24 CompanyDroneFromSector7G

JQUERY：動態AJAX和HTML元素移除

回答

相關問題