Sunday 15 September 2013

html - Append in a table with jQuery -


This is my code for adding rows to the table

 for  (var i = 0 (& lt; tr & gt; & lt; td Data-Subject Object = "+ i +" & gt; "+ Subjects [i] .name +"; & lt; Subject; Length; i ++) { $ ('# Table-Cover Table'). & Lt; / td & gt; "); (" & lt; td Data-Bachid = "+ J +" & gt; & lt; / td & gt;) For (var j = 0; j & lt; no_of_batches; j ++) {$ ('# Table-Cover Table'). } $ ('# Table-wrapper table') Attachment ("& lt; / tr & gt;"); }   

produces

   & Lt; / TR & gt; & Lt; / Tbody & gt; & Lt; Td data-batchid = "0" & ​​gt; & Lt; / Td> & Lt; Td data-batch = "1" & gt; & Lt; / Td> & Lt; Td data-batch = "2" & gt; & Lt; / Td> & Lt; Td data-batchie = "3" & gt; & Lt; / Td> & Lt; / Table & gt;   

Inside & lt; Td> & lt; at the end of Tr & gt; The tag is being added to the table but instead & lt; Tbody & gt;

You are attached

  $ ('# Table-wrapper table ') in the table. Append ("& lt; td data-batchid =" + j + "& gt; & lt; / td & gt;"); Need to engage in   

last tr

  $ ('# table-wrapper table tr: last-child'). Attachments ("& lt; td data-batchid =" + j + "& gt; & lt; / td & gt;");   

not tested but it should work

A better way to add content to a string is

  var temporarily; (Var i = 0; i & lt; subjects.length; i ++) {temp = "& lt; tr> & lt; td Data-Subject Object =" + i + "& gt;" + Topics [i] .name + "& lt; / td>"; (Var j = 0; j & lt; no_of_batches; j ++) {temp = temp + "& lt; td data-batchid =" + j + "& gt; & lt; / td & gt;"; } Temp = temp + "& lt; / tr & gt;" } $ ('# Table-Cover Table TB'). Append (temporary);    

No comments:

Post a Comment