Split comma-separated input box values into array in jquery, and loop through it

http://stackoverflow.com/questions/11757671/split-comma-separated-input-box-values-into-array-in-jquery-and-loop-through-it

by dshilkret

HTML

<input type="text" name="searchKeywords" id="searchKeywords" class="Textbox autobox default" value="task.a, task.b, task.c, task.d" autocomplete="off">
<table border=1 id="txt">

</table>
<div id="txt1">

</div>

JavaScript

var array = $('#searchKeywords').val().split(",");


$.each(array,function(i){
  /* $("#txt").append("<tr id=row" + i +">" + "<td id=item" + i + "t" +">" + array[i] + "</td>"+ "<td id=item" + i + "p" + ">" + array[i].split(".").pop() + "</td></tr>");
   //var str = $("#txt").html();*/
   //alert(str);
   $("#txt").append("<tr style=display:none; id=row" + i +">" + "<td id=item" + i + "t" +">" + array[i] + "</td>"+ "<td id=item" + i + "p" + ">" + array[i].split(".").pop() + "</td></tr>");
   
   var propItem = $("#item"+ i + "p").text();
   var tblItem = $("#item"+ i + "t").text().replace("." + propItem, "");
   $("#txt").append("<tr><td>" + tblItem + "</td>" + "<td>"+  propItem + "</td></tr>");
   //var res = item.split(".");
   //alert(tblItem);
   //alert(propItem);
   
  
  // $("#txt").append("<tr id=row" + i +">" + "<td id=item" + i +">" + array[i].split(".").pop() + "</td></tr>");
  
  //var vals = $("#txt").text().split(".");
	//alert(vals);
   //$.each(array,function(x){
   //setTimeout(function(){
  	//var vals = $("#txt").text().split(".");
   // $("#txt1").append(vals[x]+ "<br>");
    
		//alert(vals);
 // },500);
   
   //alert(array[i]);
//});
   //alert(array[i]);
});
//var vals =  $("#txt").text();

//$.each(array2,function(i){
//		$("#txt1").append(array2[i]);
         //$("#txt").val().split(".");
//   });
   
   
//for (i=0;i<array.length;i++){
//$('#searchKeywords').val().split(".");
//$('#txt').append(array.split("."));
     //alert(array[i]);
     //$("#txt").append(array[i]);
//}