Как очистить все содержимое <div>внутри родительского элемента <div>?

Question

У меня есть div <div id="masterdiv">, у которого есть несколько дочерних <div> s.

Пример:

<div id="masterdiv">
  <div id="childdiv1" />
  <div id="childdiv2" />
  <div id="childdiv3" />
</div>

Как очистить содержимое всех дочерних <div> внутри мастера <div> с помощью jQuery?

Answer 1

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

или

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

Работает нормально, чтобы удалить содержимое внутри div

Answer 2

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

или

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

Answer 3

попробуйте их, если это поможет.

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

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