JQuery：將一個表格前置到一個<tr>

我有一個html表格，我想爲每個tr附加一個表格。我寫了這樣的：JQuery：將一個表格前置到一個<tr>

<script> 

var bform = '<form name="input" action="html_form_action.asp" method="get"><input type="hidden" value="event"></input><input type="submit" value="Submit" /></from>'; 

$('tr').prepend(bform); 

</script>

但它似乎並沒有爲我工作，也沒有在控制檯拋出一個錯誤。

有人能指出我的方向正確嗎？

來源

2012-07-16 MeltingDog

HTML腳本標記在哪裏？它是在你的'tr'之後嗎？這可能是DOM尚未準備好的情況？ – 2012-07-16 00:31:20

什麼是控制檯錯誤？ – 2012-07-16 00:31:27

您的字符串上的結束標記是''而不是''。另外，你不能將/ prepend附加到'tr'。你必須使用'td'。另外，'input'標籤是自閉的，你不需要''。 – ahren 2012-07-16 00:31:52

添加tr和td到您的bform

var bform = '<tr><td> YOUR FORM HERE</td></tr>'

當你在前面加上一個字符串轉換爲tr，要插入table裏面，所以，當前的代碼是無效的：

<table> 
    <form name="input" action="html_form_action.asp" method="get"> 
     <input type="hidden" value="event"></input> 
     <input type="submit" value="Submit" /> 
    </from>'; 
    ^^^^^ INVALID HTML ^^^^^ 

    <tr> 
     <td>CONTENT</td> 
    </tr> 
</table>

由於攪拌機說，要確保你把代碼jQuery(document).ready(function($){})內

此外，你不需要關閉inputs，所以，兩者都是有效代碼：

<input type="hidden" value="event"> 
<input type="submit" value="Submit">

來源

2012-07-16 00:33:57

謝謝 - 我錯過了很多！讚賞 – MeltingDog 2012-07-16 00:43:16

確保你的jQuery和DOM後執行它加載：

$(function(){ 
    $('tr').prepend(bform); 
});

或：

$(document).ready(function(){ 
    $('tr').prepend(bform); 
});

而且你有一個錯字在您結束</form>標籤是</from>

來源

2012-07-16 00:32:47 bokonic

JQuery：將一個表格前置到一個<tr>

回答

相關問題