在div中找到div并删除它?

时间:2012-09-26 06:17:49

标签: jquery

我想用class chartbar删除div中的div 这是我的HTML代码

<div class="chartsbar" style="position: absolute; bottom: 0px; left: 27.28%; display: none; height: 0%; background-color: rgb(7, 134, 205); color: rgb(255, 255, 255); width: 0.9730252100840335%; text-align: left; " rel="0" title="09-09-2012 - 0 (0%)">

<div style="text-align:center">
0
</div>

<span style="display: block; width: 100%; position: absolute; bottom: 0; text-align: center; background-color: #0786CD;">
09-09-2012
</span>

</div>

我试过

$('.chartsbar').find('div').first().remove();

但似乎没有起作用。

5 个答案:

答案 0 :(得分:17)

$('.chartsbar div').remove(); 

它应该有用!

保持简单!

修改

如果您只想删除第一个:

$('.chartsbar div:first').remove(); 

答案 1 :(得分:3)

您可以使用简单的选择器实现此目的。这将删除第一个div孩子。

$(".chartsbar > div:first-child").remove();

答案 2 :(得分:0)

尝试:

$('.chartsbar > div').remove();

或者:

$('.chartsbar div').remove();

检查FIDDLE

答案 3 :(得分:0)

试试这个

$('.chartsbar').find('div:eq(0)').remove();

或直接使用

$('.chartsbar div').remove(); 

答案 4 :(得分:0)

尝试$('.chartsbar').children().first().remove()