Agrego el <tr> a <tbody>
for (var i = 0 ;i < 12 ;i++){ $(`<tr><td>test</td></tr>`).appendTo('#songsTbody'); }a este html.
<tbody id="songsTbody"> </tbody> Ahora quiero eliminar () solo se agregó <tr> pero
$('#songsTbody').remove(); elimina <tbody> en sí mismo.
¿Cómo puedo eliminar solo <tr> ??
Puede pasar un selector a la llamada .remove() , de modo que si no hay otros correos electrónicos y desea eliminarlos todos, puede hacer $('#songsTbody').remove('tr') o incluso solo $('#songsTbody tr').remove() .
Si solo necesita eliminar el último que se agregó, puede probar $('#songsTbody tr:last-child').remove() o $('#songsTbody').remove('tr:last-child')
Puede reconocer el <TR> adjunto agregando un atributo de datos o una clase.
for (var i = 0 ;i < 12 ;i++){ $(`<tr class="appended"><td>test</td></tr>`).appendTo('#songsTbody'); }y después puede eliminar fácilmente solo TR nuevo con
$('#songsTbody').remove('tr.appended')Guárdelo en una(s) variable(s).
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());