How to clear all div s contents inside a parent div

Question

I have a div  lt div id  masterdiv  gt  which has several child  lt div gt s   Example    lt div id  masterdiv  gt     lt div id  childdiv1    gt     lt div id  childdiv2    gt     lt div id  childdiv3    gt   lt  div gt    How to clear the contents of all child  lt div gt s inside the master  lt div gt  using jQuery

User · Answer

masterdiv  gt      text       or      masterdiv   children   text

User · Answer

masterdiv div   text

User · Answer

div id   empty      or       div class   empty      Works Fine to remove contents inside a div

User · Answer

Use jQuery s CSS selector syntax to select all div elements inside the element with id masterdiv   Then call empty   to clear the contents       masterdiv div   empty      Using text     or html     will cause some string parsing to take place  which generally is a bad idea when working with the DOM   Try and use DOM manipulation methods that do not involve string representations of DOM objects wherever possible

User · Answer

try them if it help       div parent  div child   empty         div parent  div child   empty

User · Answer

If all the divs inside that masterdiv needs to be cleared  it this       masterdiv div   html        else  you need to iterate on all the div children of  masterdiv  and check if the id starts with childdiv       masterdiv div   each      function element           if element attr  id   substr 0  8      childdiv                         element html

User · Answer

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

User · Answer

jQuery s empty   function does just that       masterdiv   empty      clears the master div       masterdiv div   empty      clears all the child divs  but leaves the master intact

User · Answer

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 · Answer

The better way is            masterdiv    empty

User · Answer

masterdiv div id   childdiv     each function el    el  empty         or       masterdiv   find  div id   childdiv     each function el    el  empty

User · Answer

jQuery recommend you use   empty      remove      detach      if you needed delete all element in element  use this code        target id   empty      if you needed delete all element  Use this code       target id   remove         i and jQuery group not recommend for use SET FUNCTION like  html    attr    text     what is that  it s IF YOU WANT TO SET ANYTHING YOU NEED   ref  https   learn jquery com using-jquery-core manipulating-elements

User · Answer

When you are appending data into div by id using any service or database  first try it empty  like this   var json   jsonParse data d       divname   empty

User · Answer

jQuery   masterdiv div   html

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

Examples related to javascript

Examples related to jquery

Examples related to html

Examples related to dom-manipulation