Untitled

<html>
   <head>
      <script>
           $( document ).ready(function() {
                for(var i=0;i<2;i++)
            {
                var remove_dot=document.getElementsByTagName("p")[i];
                var remove=remove_dot.innerHTML;
                remove_dot.innerHTML = remove.replace(/[,|.-]+[&nbsp;]*([,|.-])/g, "$1");
               }
              });
       </script>
     <body>
         <p>hello , . are you | . why , its ok , .</p>
         <p>hey , . are you | . why | its ok , .</p>
     </body>

hello . are you . why , its ok .
 hey . are you . why | its ok .

hello . are you . why and its ok .
      hey . are you . why & its ok .