Jquery从表中的每一行中删除前两列

时间:2013-11-21 14:10:22

标签: jquery

我有一个HTML表格,底部有一个“发送电子邮件”按钮。单击该按钮时,我想获取表格的HTML并执行AJAX帖子以通过PHP发送电子邮件。但是,我想从表中删除前两列,因为它们包含电子邮件正文中不需要的控件。

这是我点击按钮的jQuery:

 $(document).on('click','#EmailClick',function(e) {

    $("#myTable tr").each(function() {
        $(this).filter("td:eq(1)").remove();
        $(this).filter("td:eq(2)").remove();
    });
    var TableHTML = $('#myTable').html();
    $.post("AJAX/SendMail.php", { EmailBody: TableHTML })
        .done(function(data) {

    })
        .fail( function(xhr, textStatus, errorThrown) {
    });
 });

电子邮件已成功发送,但不会删除前2列。

2 个答案:

答案 0 :(得分:1)

<强> JSFIDDLE DEMO

使用.slice() - MDN

$("#myTable tr").each(function() {
    $(this).find('td').slice(0,2).remove();
});

语法说明:.slice(starting_Index, number_of_elements_toremove)

上面将选择前两列(即;索引0和1),然后将它们从DOM中删除。

答案 1 :(得分:0)

尝试使用以下代码

$("#myTable tr").each(function() {
  $(this).find('td:eq(0), td:eq(1)').remove();
});