我附加<tr>到<tbody>
for (var i = 0 ;i < 12 ;i ){
$(`<tr><td>test</td></tr>`).appendTo('#songsTbody');
}
到這個 html。
<tbody id="songsTbody">
</tbody>
現在我只想添加 remove()<tr>但
$('#songsTbody').remove();
它會自行移除<tbody>。
我怎樣才能只洗掉<tr>??
uj5u.com熱心網友回復:
您可以將選擇器傳遞給.remove()呼叫,因此如果沒有其他 s 并且您想將它們全部洗掉,您可以這樣做$('#songsTbody').remove('tr'),甚至只是$('#songsTbody tr').remove().
如果您只需要洗掉添加的最后一個,您可以嘗試$('#songsTbody tr:last-child').remove()或$('#songsTbody').remove('tr:last-child')
uj5u.com熱心網友回復:
您可以識別附加<TR>添加資料屬性或類。
for (var i = 0 ;i < 12 ;i ){
$(`<tr class="appended"><td>test</td></tr>`).appendTo('#songsTbody');
}
并且在您可以輕松洗掉新TR之后
$('#songsTbody').remove('tr.appended')
uj5u.com熱心網友回復:
將其保存在變數中。
var arr = []
for (var i = 0; i < 12; i ) {
var elem = $(`<tr><td>test</td></tr>`);
elem.appendTo('#songsTbody');
arr.push(elem);
}
// remove:
arr.forEach((elem) => elem.remove());
轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/497890.html
標籤:javascript html jQuery
