Codepedia
.info
Home
About
Demos
Tools
SVG Wave Generator
Colors
Edit This Code :
<html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> </head> <body> <ul id="ul_Items"> <li class='fruits'>Apple</li> <li class='fruits'>Mango</li> <li class='automobile'>Honda Accord</li> <li class='automobile'>Harley Davidson</li> <li class='fruits'>Oranges</li> <li class='fruits'>Grapes</li> <li class='automobile'>Royal Enfield</li> </ul> <button id="btnClick">Click ME</button><br/> <br/> <div id="dvContent"></div> <script type="text/javascript"> $(document).ready(function(){ $("#btnClick").on('click',function(e){ var fragment=""; $("#ul_Items li").each(function(){ var self=$(this); console.log(self.text()); fragment+=self.text()+'<br/>'; }); $("#dvContent").html(fragment); }); }); </script> </body> </html>
➤ Run / View
Result :