Tengo el siguiente código para encontrar elementos con su nombre de clase:
// Get the element by their class name var cur_columns = document.getElementsByClassName('column'); // Now remove them for (var i = 0; i < cur_columns.length; i++) { }Simplemente no sé cómo eliminarlos... ¿TENGO que hacer referencia al padre o algo así? ¿Cuál es la mejor manera de manejar esto?
@Karim79:
Aquí está el JS:
var col_wrapper = document.getElementById("columns").getElementsByTagName("div"); var len = col_wrapper.length; alert(len); for (var i = 0; i < len; i++) { if (col_wrapper[i].className.toLowerCase() == "column") { col_wrapper[i].parentNode.removeChild(col_wrapper[i]); } }Aquí está el HTML:
<div class="columns" id="columns"> <div class="column"><input type="checkbox" name="col_list[]" value="cows">cows</div> <div class="column"><input type="checkbox" name="col_list[]" value="cows">cows</div> <div class="column"><input type="checkbox" name="col_list[]" value="cows">cows</div> <div class="column"><input type="checkbox" name="col_list[]" value="cows">cows</div> <div name="columnClear" class="contentClear" id="columnClear"></div> </div>Editar: Bueno, terminé usando la opción jQuery.
Si prefiere no usar JQuery:
function removeElementsByClass(className){ const elements = document.getElementsByClassName(className); while(elements.length > 0){ elements[0].parentNode.removeChild(elements[0]); } }Usando jQuery (que realmente podría estar usando en este caso, creo), podría hacer esto así:
$('.column').remove();De lo contrario, necesitará usar el padre de cada elemento para eliminarlo:
element.parentNode.removeChild(element);Usar Elemento.remove()
document.querySelector("#remove").remove(); document.querySelectorAll(".remove").forEach(el => el.remove());Si desea una función útil y reutilizable:
const remove = (sel) => document.querySelectorAll(sel).forEach(el => el.remove()); // Use like: remove(".remove"); remove("#remove-me"); <p class="remove">REMOVE ME</p> <p>KEEP ME</p> <p class="remove">REMOVE ME</p> <p id="remove-me">REMOVE ME</p>