How to clear all s’ contents inside a parent ?

Answer 1

I know this is a jQuery related question, but I believe someone might get here expecting a pure Javascript solution. So, if you were trying to do this using js, you could use the innerHTML property and set it to an empty string.

document.getElementById('masterdiv').innerHTML = '';

Answer 2

You can use .empty() function to clear all the child elements

 $(document).ready(function () {
  $("#button").click(function () {
   //only the content inside of the element will be deleted
   $("#masterdiv").empty();
  });
 });

To see the comparison between jquery .empty(), .hide(), .remove() and .detach() follow here http://www.voidtricks.com/jquery-empty-hide-remove-detach/

Answer 3

$('#div_id').empty();

or

$('.div_class').empty();

Works Fine to remove contents inside a div

Answer 4

jQuery('#masterdiv div').html('');

Answer 5

try them if it help.

$('.div_parent .div_child').empty();

$('#div_parent #div_child').empty();

Answer 6

$("#masterdiv div[id^='childdiv']").each(function(el){$(el).empty();});

or

$("#masterdiv").find("div[id^='childdiv']").each(function(el){$(el).empty();});