如何从jquery中的表中提取列

时间:2015-02-18 06:00:21

标签: jquery html checkbox html-table

我的表格结构是

PlayerName | PlayerNationality | PlayerPrice | 复选框

我正在复选选中复选框的表格行, 使用此代码

$('#one tbody tr td input.checkbox:not(:checked)').on('change',function(e){
    var row=$(this).closest('tr').html();
    $('#two tbody').append('<tr>'+row+'<tr>');
});

此代码工作正常但我想要一些清晰度:

  1. 当我选中复选框时,整个行会被复制,因为复选框也被复制了我应该怎么办才能不复制该复选框?

  2. 我想提取第二个表的值,以便我可以使用它们如何做到这一点?

  3. 复选框中有一些值如何获取选中的复选框值。

  4. 如果要删除复选框上的行,该怎么办?

  5. 就像在我的第二个表中会有相同的字段,所以我应该得到第一行或第二行的播放器名称,依此类推其他行以及其他列。

2 个答案:

答案 0 :(得分:1)

试试这个:http://jsfiddle.net/1u7gz03L/

$('#one tbody tr td input.checkbox:not(:checked)').on('change',function(e){

     // question 1
    var row = $(this).closest('tr');
    var tempRow = row.clone();
    $(tempRow ).find('td:last').remove();
    var tds=$(tempRow ).html();

     // question 3 
     var val = $(this).val();
    $('#two tbody').append('<tr>'+tds+'</tr>');
});

答案 1 :(得分:1)

问题4:

删除行我们可以使用此..

$(document).on("click","#two input[type='checkbox']",function(){      
 $(this).closest("tr").remove();
});