如何从 jquery 中的 table 中提取列
how to extract columns from table in jquery
我的 table 结构是
玩家名|
球员国籍|
球员价格|
复选框
我正在复制复选框选中的 table 行,
使用此代码
$('#one tbody tr td input.checkbox:not(:checked)').on('change',function(e){
var row=$(this).closest('tr').html();
$('#two tbody').append('<tr>'+row+'<tr>');
});
这段代码工作正常,但我想澄清一下:
当我选中复选框时,整行都被复制,就像复选框也被复制一样,我应该怎么做才能不复制该复选框?
我想提取第二个 table 的值,以便我可以使用它们怎么办?
复选框有一些值如何也获得选中的复选框值。
如果我想在选中复选框时删除行怎么办?
就像在我的第二个 table 中一样,会有相同的字段,所以我应该获取第一行或第二行的玩家名称,其他行和其他列依此类推。
试试这个: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>');
});
问题 4:
删除行我们可以使用这个..
$(document).on("click","#two input[type='checkbox']",function(){
$(this).closest("tr").remove();
});
我的 table 结构是
玩家名| 球员国籍| 球员价格| 复选框
我正在复制复选框选中的 table 行, 使用此代码
$('#one tbody tr td input.checkbox:not(:checked)').on('change',function(e){
var row=$(this).closest('tr').html();
$('#two tbody').append('<tr>'+row+'<tr>');
});
这段代码工作正常,但我想澄清一下:
当我选中复选框时,整行都被复制,就像复选框也被复制一样,我应该怎么做才能不复制该复选框?
我想提取第二个 table 的值,以便我可以使用它们怎么办?
复选框有一些值如何也获得选中的复选框值。
如果我想在选中复选框时删除行怎么办?
就像在我的第二个 table 中一样,会有相同的字段,所以我应该获取第一行或第二行的玩家名称,其他行和其他列依此类推。
试试这个: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>');
});
问题 4:
删除行我们可以使用这个..
$(document).on("click","#two input[type='checkbox']",function(){
$(this).closest("tr").remove();
});