追加一行到表jquery

我想追加一個使用jQuery的行。但該行不附加。追加一行到表jquery

<script type="text/javascript"> 

    var counter = 1; 
    $(function(){ 
     $('input#add_edu').click(function(){ 
     counter += 1; 
     alert(counter); 
     var paddingRow = "<tr id=\"padding-row\"><td id=\"padding-tab\"> </td> <td id=\"padding\"> </td><td id=\"padding-tab\"> </td><tr></tr>"; 

     var newRowLabel = "<tr><td class=\"label\">Course Name </td><td id=\"paddingtab\"></td><td class=\"label\">Institution Name</td><td id=\"paddingtab\"< </td><td class=\"label\">Start Date </td><td id=\"paddingtab\"< </td><td class=\"label\">End Date </td><td id=\"paddingtab\"></td><td class=\"label\">Percentage or CGPA </td></tr>"; 

     var newRowField = '<tr><td><input type="text" name="course_name_'+ count +'" id="course_name_'+ count +'" value=""></input></td><td></td><td><input type="text" name="college_name_'+ count +'" id="college_name_'+ count +'" value=""></input></td><td></td><td><input type="text" name="start_dt_'+ count +'" id="start_dt_'+ count +'" value=""></input></td><td></td><td><input type="text" name="end_dt_'+ count +'" id="end_dt_'+ count +'" value=""></input></td><td></td><td><input type="text" name="cgpa_'+ count +'" id="cgpa_'+ count +'" value=""></input></td></tr>'; 


     $('#edu_table').append(paddingRow); 
     $('#edu_table').append(newRowLabel); 
     $('#edu_table').append(newRowField); 

     }); 
     }); 
</script>

這裏是HTML代碼：

<table id="edu_table"> 
     <tr> 
      <td class="label">Course Name </td> 
      <td id="paddingtab" /> 
      <td class="label">Institution Name </td> 
      <td id="paddingtab" /> 
      <td class="label">Start Date </td> 
      <td id="paddingtab" /> 
      <td class="label">End Date </td> 
      <td id="paddingtab" /> 
      <td class="label">Percentage or CGPA </td> 

     </tr> 
</table>

我想要一個按鈕，點擊追加行表。但行不是附加的。行附加罰款，直到我附加變量newRowField。

$('#edu_table').append(newRowField);

來源

2014-09-06 user3776467

我試圖將其追加到表 $（「＃edu_table」）追加。（newRowField）; – user3776467 2014-09-06 15:59:32

你在JS控制檯看到錯誤嗎？看起來至少最後一個'value =「」'需要轉義;這不是一個有效的字符串。 – 2014-09-06 16:03:27

實際上，'value'屬性的* none *都被轉義了。 – 2014-09-06 16:04:31

您的字符串在所有value=""個案中都有未轉義的引號。您可以使用單引號的字符串爲自己省下不少麻煩，和裏面的HTML雙引號：

var newRowField = '<tr><td><input type="text" name="course_name_' + count + '" id="course_name_' + count + '" value=""></td>' + 
    '<td></td><td><input type="text" name="college_name_' + count + '" id="college_name_' + count + '" value=""></td>' + 
    '<td></td><td><input type="text" name="start_dt_' + count + '" id="start_dt_' + count + '" value=""></td>' + 
    '<td></td><td><input type="text" name="end_dt_' + count + '" id="end_dt_' + count + '" value=""></td>' + 
    '<td></td><td><input type="text" name="cgpa_' + count + '" id="cgpa_' + count + '" value=""></td></tr>';

來源

2014-09-06 16:09:37

我做到了。但它仍然無法正常工作。（ – user3776467 2014-09-06 16:16:04

）這就是爲什麼它仍然有助於（a）看到你的HTML和（b）看你的JS控制檯是否有錯誤。 – 2014-09-06 16:17:47

我編輯過這個問題。你可以在那裏看到我的HTML。 – user3776467 2014-09-06 16:24:21

追加一行到表jquery

回答

相關問題