Question

我有这组html代码，我想附加另一个输入=“文本”以增加文本框的数量，因为我点击“+”但我不确定父（）。parent（）函数。有人可以帮忙吗？

here是我的jquery和html提取，抱歉，由于缺少css，他们确实看起来很乱。

Answer 1

以下是一些修正案......

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

希望这有帮助。

Answer 2

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

因此，element.append(content);将content添加到element HTML的末尾（在结束标记之前）。 element.remove();会从element移除$("your_tr > td > label :last")，因此您应将此选项用于带有your_tr选择器的“减号”按钮（选择带有{{1}}输入的最后一个标签）。

Answer 3

您是否尝试过给父和id并通过它来引用它，您也可以使用clone来制作输入标记的直接副本，记得在将其附加到父级之前更改克隆的ID也将被克隆。

jQuery add＆amp;删除文本框

3 个答案: