【问题标题】:how to extract columns from table in jqueryjquery如何从表中提取列
【发布时间】:2015-04-19 01:30:52
【问题描述】:

我的表结构是

玩家姓名| 选手国籍| 播放器价格| 复选框

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

$('#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. 如果我想在单击复选框时删除行怎么办?

就像在我的第二张表中一样,会有相同的字段,所以我应该获取第一行或第二行的玩家名称,以此类推,以获取其他行和其他列。

【问题讨论】:

  • 你为什么不创建 JSFiddle 并提供 HTML 代码?
  • 其实我现在不知道怎么做

标签: jquery html checkbox html-table


【解决方案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>');
});

【讨论】:

  • 感谢您的帮助,但我已经尝试了第一个它不起作用
  • 你能解释一下它的实际作用吗?
  • 是的,它的工作正常,但也有小问题。当我从第一次检查复选框时,它没有在第二个表中显示复选框,但它也从第一个表中删除了复选框。
  • 对不起兄弟,我知道我会激怒你,但它不起作用
  • @IrfanTahirKheli,你好最后一行应该是$('#two tbody').append('&lt;tr&gt;'+tds+'&lt;tr&gt;');
【解决方案2】:

问题 4:

我们可以使用这个来删除行..

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-03-20
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多