Question

js 如何删除某个div下的div元素

<div id="reducedLine">
<div class="reducedMiniBox even selectedType" name="mos">…</div>
<div class="reducedMiniBox odd " name="df">…</div>
<div class="reducedMiniBox even " name="mlr">…</div>
<div class="reducedMiniBox odd " name="packetLossRatio">…</div>
<div class="reducedMiniBox even " name="mr">…</div>
<div class="reducedMiniBox odd " name="mlt15">…</div>
<div class="reducedMiniBox even " name="mlt24">…</div>
</div>

在js里如何删除掉<div class="reducedMiniBox even " name="mlt24">…</div>这个div
是隐藏掉。

Answer 1

最好给需要删除的div元素定义一个ID，以方便对其进行操作；

注意JS中是没有remove();方法的，在jquery中就可以直接使用 $("#divID").remove();移除该元素；这样非常方便、简单。

js中的话要通过获取该元素的父级元素，再调用..removeChild(要删除的元素);

测试demo： 

Answer 2

//js
var removeObj = document.getElementById('reducedLine').getElementsByName('mlt24')[0];
removeObj.parentNode.removeChild(removeObj);

//jquery
$('#reducedLine>div[name="mlt24"]').remove();