我如何追加或預先使用jquery這個動態行到表中

Question

$ j = 1; ？> var t =''; var options =「」;

</script> 
     <?php 
     foreach ($this->data['DEFAULTS'] as $rec){ 
      foreach ($rec as $key=>$val){ 
     ?> 
     <script type="text/javascript"> 
     var cntr = "<?php echo $j;?>"; 
     var reference_value = '<?php echo $val["GETVAL"];?>'; 
     var sel = '<select name="code[]">'+options+'</select>'; 
     var txt = '<input type="text" class="TextBox" name="referencevalue[]" valign="top" value="'+ reference_value +'">';     
      t += '<tr id ='+cntr+'><td>'+cntr+'</td><td valign="top">'+sel+'</td><td valign="top" ailgn="center">'+txt+'</td></tr>';       
      </script> 

     <?php 
     $j++;    
       } 
      } 
     ?> 
     <script type="text/javascript"> 
     alert("MYTABLE "+t); 
     $("#ref").append(t); 
     </script> 

     when i say alert(t) iam getting the entire table structure and the data but iam not able to add it to the table 
    .Here is the Table Structure where i have to add 
       <table width="100%" cellspacing="2" cellpadding="2" align="left"> 
       <tbody><tr> 
       <th class="coltextleft"> 
       <span style="font-size: 14px; font-weight: bold;" id="id_refTbl"> 
       <img id="IMG1" height="15" width="15" align="middle" src="cllpsed.gif"/> </span> 
       </th> 
       </tr> 
       <tr><td> 
       <div id="ref" style="display:none"> 
       <table id="ref" width="100%" class="formTable"> 
       <tr> 
        <td>&nbsp;</td> 
        <td> Code</td> 
        <td> Value</td> 
        <td>&nbsp;</td> 
       </tr> 
       <tr><td>I need to add the result of alert(t) with inthis rows</td></tr></table> 

Answer 1

首先，那種元的問題：你爲什麼要這麼做？爲什麼不直接通過PHP在頁面中呈現標記，而是爲客戶端呈現<script>元素來完成相同的任務？

---

直接回答：需要被包裹在一個document.ready處理你的代碼，因爲與id="ref"元素尚未在DOM中，當你執行：

$("#ref").append(t); 

所以它沒有找到尚未存在的元素。它包裝在一個ready處理，像這樣的：它執行

$(function() { 
    $("#ref").append(t); 
}); 

這種方式後，DOM完全加載/蓄勢待發，而#ref選擇將找到你後<table>。

---

爲了使這項工作雖然，你還需要刪除<div id="ref" style="display:none">的id，因爲標識必須是唯一的。

Answer 2

如果變量t是整個表格標記，那麼是的，如果你試圖將它附加到表格中，這可能不起作用。你可能會想噸至是：

var t = '<tr><td>foo</td></tr>' 

在這一點上，你應該能夠：

$("table#ref").append(t) 

的jQuery＃附加添加標記到目標元素的兒童結束。