我有以下代码来查找具有类名的元素:
// 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++) { }
我只是不知道如何删除它们.....我必须参考父母还是什么?处理这个问题的最佳方法是什么?
@卡里姆79:
这是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]); } }
这是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>
编辑: 最后只使用了 jQuery 选项。
使用 jQuery(我认为在这种情况下你真的可以使用它),你可以这样做:
$('.column').remove();
否则,您将需要使用每个元素的父元素来删除它:
element.parentNode.removeChild(element);