How to clear all <div>s’ contents inside a parent <div>?

user_111435 0
Viewed 405566

I have a div <div id="masterdiv"> which has several child <div>s.

Example:

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

How to clear the contents of all child <div>s inside the master <div> using jQuery?

dom-manipulation html jquery javascript
14 Answers

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 = '';
user_42590320

try them if it help.

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

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

user_41448450
Related