Jquery Can';t.append()选项来选择元素
我对.append()函数有问题Jquery Can';t.append()选项来选择元素,jquery,append,appendto,Jquery,Append,Appendto,我对.append()函数有问题 $('#add_row').on('click', function(){ var new_row = $(row_default).clone(); new_row.find('.col-1').text($(this).find('.ass-col-partenza').text()); new_row.find('.col-2').text($(this).find('.ass-col-colore').text()); n
$('#add_row').on('click', function(){
var new_row = $(row_default).clone();
new_row.find('.col-1').text($(this).find('.ass-col-partenza').text());
new_row.find('.col-2').text($(this).find('.ass-col-colore').text());
new_row.find('.col-3').empty().html($select.clone());
$table.append(new_row);
console.log('New row added with select: ', $select);
});
$('#add_option').on('click', function(){
var option = $('<option/>').val('Value '+idx).text('Text '+idx);
idx++;
// This should add options, and they should be added to DOM in future .append()
$select.append(option);
$('#my_table').find('.my_select').append(option);
console.log('Added new option, new select is: ',$select);
});
$('add#row')。在('click',function()上{
var new_row=$(row_默认值).clone();
new_row.find('.col-1').text($(this.find('.ass col partenza').text());
新的_row.find('.col-2').text($(this.find('.ass col colore').text());
new_row.find('.col-3').empty().html($select.clone());
$table.append(新行);
log('添加了select:'的新行,$select);
});
$('add#option')。在('click',function()上{
var option=$('').val('Value'+idx).text('text'+idx);
idx++;
//这将添加选项,并且这些选项将在将来添加到DOM中
$select.append(可选);
$(“#我的表格”)。查找(“.my_选择”)。追加(选项);
log('Added new option,new select is:',$select);
});
下面是一个简短的指令列表:
我希望如果我附加一个选项,如果我附加一个新行,就会显示这个选项
PS我删除了我以前的问题,因为它变得非常凌乱。刚刚创建并添加到
$select
的新选项
元素将被删除并添加到DOM上的.my select
元素。要避免这种情况,请按以下建议将克隆添加到$select
只要改变一下:
$select.append(option);
致:
或者,您可以使用.add()
组合要将新的选项添加到的所有元素(在DOM或内存中),然后只添加.append()
,而不需要.clone()
:
附加选项的克隆,否则您只需移动它,只需尝试即可。谢谢现在我明白你说的“否则你只是在移动它”。
$select.append(option.clone());
//$select.append(option);
$('#my_table').find('.my_select').add($select).append(option);