当前位置：文江博客话题详情

jQuery 添加 &删除文本框

发布于 2024-10-14 00:15:47 字数 199 浏览 3 评论 0原文

我有这组 html 代码，我想在单击“+”时附加另一个 input="text" 以增加文本框的数量，但我不确定 Parent().parent() 函数。有人可以帮忙吗？

这里是我的jquery和html提取，抱歉，由于缺少CSS，它们看起来有点混乱。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

她说她爱他 2024-10-21 00:15:47

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

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

回复收藏 0 原文

情栀口红 2024-10-21 00:15:47

以下是一些修改...

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

希望这有帮助。

Here are a couple of amendments...

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" />');

Additional Notes

You have no text within your label. The idea of the label is that it can aid users by describing what needs to be entered into the text box. You can choose to hide it with CSS if you don't want a visible label - but you should still have one
Enter a task name

Don't want to show it? Hide it with CSS: