jQuery addClass example

Change class name on click in jQuery

by Murali Kaliappan

HTML

<div class="parent">
  <div id="">
    <p>Hello World</p>  
  </div>

  <div id="">
    <p>Hello World</p>  
  </div>


  <div id="">
    <p>Hello World</p>  
  </div>

  <div id="">
    <p>Hello World</p>  
  </div>
</div>
<input type="button" value="clear"/>
<input type="button" value="add"/>

JavaScript

$("[value='clear']").click(function(){

	$(".parent div").each(function(){
  	$(this).empty();
  })

})

$("[value='add']").click(function(){

	$(".parent div").each(function(){
  	$(this).append("<p>Hello World</p>");
  })

})