2011-01-26 111 views
3

我有这一套,我想追加其他输入HTML代码=“文本”,以增加文本框的数量作为我点击“+”,但我不知道父()的。父()函数。谁能帮忙?jQuery的添加和删除文本框

here是我的jQuery和HTML提取,对不起他们看起来升技杂乱,因为没有CSS的。

回答

2

我认为.append()将帮助您添加元素和.remove()删除它们(请参阅example #1example #2)。

因此,element.append(content);增加了contentelement HTML(在其结束标记之前)的末尾。 element.remove();删除不管它是如此,你应该使用你的“减”按钮,$("your_tr > td > label :last")选择(选择最后标签与输入来自your_trelement

+0

喜,在那里,你的append()的作品,但我需要让我的确保至少有1文本框和最多5个文本框的逻辑。我目前的代码允许这样做,但你只需简单地输入文本输入而不考虑我的逻辑。有无论如何你操纵父()。父()来达到输入文本? – 2011-01-26 09:35:31

2

这里有一对夫妇的修订......

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

希望这有助于。

1

你试图给家长和ID,并通过引用它,你也可以用克隆进行输入标签的直接拷贝,记得要改变克隆的id,你把它添加到父以前一样这也将被克隆。