How to remove div elements within specific div id

Question

I want to remove all div elements with class facebook , twitter , LinkedIn , googlePlus who has parent id show-share-count

How to do this?

 $("div").remove(".facebook"); $("div").remove(".twitter"); $("div").remove(".linkedIn"); $("div").remove(".googlePlus"); 

 <script src="https://code.jquery.com/jquery-1.10.2.js"></script> <div id="show-share-count"> <div class="facebook">Facebook</div> <div class="twitter">Twitter</div> <div class="linkedIn">LinkedIn</div> <div class="googlePlus">Google Plus</div> <div class="share-count">Total Count</div> </div> <br /><br /> <div class="facebook">Facebook</div> <div class="twitter">Twitter</div> <div class="linkedIn">LinkedIn</div> <div class="googlePlus">Google Plus</div> <div class="share-count">Total Count</div> 

Answer 1

you can do this just only one line in script section.

<script>
$("#show-share-count").find(".facebook, .twitter, .linkedIn, .googlePlus").remove();
</script>

Answer 2

Just use following script for this

$('#show-share-count .facebook, #show-share-count .twitter, #show-share-count .linkedIn, #show-share-count .googlePlus, #show-share-count .share-count').remove();

or you can use .children() ..

$("#show-share-count").children(".facebook , .twitter , .linkedIn, .googlePlus").remove();

Answer 3

Do like this . children() .They will find the children element of the show-share-count

 $("#show-share-count").children(".facebook , .twitter , .linkedIn, .googlePlus").remove() 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="show-share-count"> <div class="facebook">Facebook</div> <div class="twitter">Twitter</div> <div class="linkedIn">LinkedIn</div> <div class="googlePlus">Google Plus</div> <div class="share-count">Total Count</div> </div> <br /><br /> <div class="facebook">Facebook</div> <div class="twitter">Twitter</div> <div class="linkedIn">LinkedIn</div> <div class="googlePlus">Google Plus</div> <div class="share-count">Total Count</div> </div> 

Answer 4

This is how you can do it:

$("button").click(function() {
  $("#show-share-count").find(".facebook, .twitter, .linkedIn, .googlePlus, .share-count").remove();
});

Here is the JSFiddle demo

Answer 5

You can try to use .empty from Jquery if you want to empty the whole div

https://api.jquery.com/empty/

or

$("#show-share-count .facebook").remove() 

if you want to remove a specific div

Answer 6

您还可以在下面使用：

$('#show-share-count .facebook,.twitter,.linkedIn,.googlePlus,.share-count').remove();