Question

js或者jquery删除html标签

<div>
<div>123</div>

<div>345</div>
<div>aa</div>
<div>bbb</div>
</div>
如何删除<div>345</div>? 得到
<div>
<div>123</div>
<div>aa</div>
<div>bbb</div>
</div>

Answer 1

首先不知道你这是为了啥要这么干，然后使用jquery尽量给元素添加一些id或者 class，这样就可以直接操作目标元素了，就你上面的代码，可以这么干：

var $div = $('div').eq(0);//为了只找到第一个也就是最外面的那个，如果有id就可以直接选择了，所以说要加id or class
var $child = $div.children();//找到这个div的子集，也就是那一堆 123,456的Div
var $remove = $child.filter(function(){//过滤下，返回true的才会被选择
    return this.innerHTML === '345';//返回html为345的元素
});

$remove.remove();//删除元素，因为子集的div只有一个内容是345的

最后提示你下，如果要学jquery，就多看api。

原生js的实现方式跟jquery的思路相同

追问

假如最外面的div的id为1 我怎么获取1下的div标签的数量? 也就是4.

追答

$('#id').children('div').length;//获取这个id的子集div数量
$('#id').find('div').length;//获取这个id下面所有div的数量，哥们啊，去查api手册吧，别问了。。。