我想向克隆表中添加新的TD,以便它仅存在于克隆表中而不存在于原始表中。原因是,我不希望用户删除原始表,否则将不会克隆任何内容:)
目前像这样:
<table>
<tr>
<td>
<div class="sizes">size</div>
<div class="sizes">length</div>
</td>
</tr>
</table>
克隆后应该是这样的:
<table>
<tr>
<td>
<div class="sizes">size</div>
<div class="sizes">length</div>
</td>
<td class="remove-table"><span>REMOVE</span></td>
</tr>
</table>
JS:
$(document).ready(function () {
$('.add-another-table').click(function (event) {
event.preventDefault();
var clonedTable = $(this).prev('table').clone();
$(this).before(clonedTable);
});
$('div').on('click', '.remove-table', function (event) {
event.preventDefault();
$(this).closest('table').remove();
});
});
尝试在.append()
该元素上添加所需的元素clone
,
$(document).ready(function () {
$('.add-another-table').click(function (event) {
event.preventDefault();
var clonedTable = $(this).prev('table').clone();
$(this).before(clonedTable.find('.remove-table').remove().end().find('tr').append('<td class="remove-table"><span>REMOVE</span></td>').end());
});
$('div').on('click', '.remove-table', function (event) {
event.preventDefault();
$(this).closest('table').remove();
});
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句