jQuery的添加和刪除文本框

我有這一套，我想追加其他輸入HTML代碼=「文本」，以增加文本框的數量作爲我點擊「+」，但我不知道父（）的。父（）函數。誰能幫忙？jQuery的添加和刪除文本框

here是我的jQuery和HTML提取，對不起他們看起來升技雜亂，因爲沒有CSS的。

2011-01-26 pivotal developer

我認爲.append()將幫助您添加元素和.remove()刪除它們（請參閱example #1和example #2）。

因此，element.append(content);增加了content到element HTML（在其結束標記之前）的末尾。 element.remove();刪除不管它是如此，你應該使用你的「減」按鈕，$("your_tr > td > label :last")選擇（選擇最後標籤與輸入來自your_tr）element。

來源

2011-01-26 09:22:32 shybovycha

喜，在那裏，你的append（）的作品，但我需要讓我的確保至少有1文本框和最多5個文本框的邏輯。我目前的代碼允許這樣做，但你只需簡單地輸入文本輸入而不考慮我的邏輯。有無論如何你操縱父（）。父（）來達到輸入文本？ – 2011-01-26 09:35:31

這裏有一對夫婦的修訂......

HTML：

<td colspan="2" id="tasklist"> 
    <label> 
     <input type="text" value="Create a task for this iteration" size="75%" height="25px"/> 
    </label> 
</td>

的JavaScript：

$("#tasklist").append('<input type="text" value="Create a task for this iteration" />');

其他注意事項

你內沒有文字的標籤。標籤的想法是它可以通過描述需要輸入文本框的內容來幫助用戶。您可以選擇使用CSS來隱藏它，如果你不想可見標籤 - 但你還是應該有一個

輸入任務名稱

不想表現出來？用CSS隱藏：

label { 
    display: none; 
}

表不應當用於佈局
嘗試移動你的HTML屬性到CSS

希望這有助於。

來源

2011-01-26 09:20:07 Fenton

你試圖給家長和ID，並通過引用它，你也可以用克隆進行輸入標籤的直接拷貝，記得要改變克隆的id，你把它添加到父以前一樣這也將被克隆。

來源

2011-01-26 09:20:24

jQuery的添加和刪除文本框

回答

相關問題