Split text from paragraph : split « jQuery « JavaScript DHTML






  1. JavaScript DHTML
  2. jQuery
  3. split

Split text from paragraph

   
<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            var newText = $("p").text().split(" ").join("</div> <div>");
            $("p").html(newText).find("div").hover(
                   function () { $(this).addClass("y"); },
                   function () { $(this).removeClass("y"); });
        });
    </script>
    <style>
      .y { background:yellow; }
  </style>

  </head>
  <body>
    <body>
       <p>a ab abc</p>
  </body>
</html>








Related examples in the same category

1.Split text from tag