div के अंदर div खोजें और इसे हटाएं?

Question

मैं वर्ग के साथ div अंदर div निकालना चाहते chartsbar यहाँ मेरी 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(); 

की कोशिश की लेकिन नहीं काम कर रहा है है।

Answer 1

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

यह काम करना चाहिए!

इसे आसान रखें!

संपादित

आप केवल पहले एक निकालना चाहते हैं:

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

Answer 2

प्रयास करें:

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

या:

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

चेक FIDDLE।

Answer 3

इस

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

साथ प्रयास करें या सीधे का उपयोग

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

Answer 4

आप इसे एक साधारण चयनकर्ता के साथ प्राप्त कर सकते हैं। यह पहला div बच्चा हटा देगा।

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

Answer 5

प्रयास करें $('.chartsbar').children().first().remove()