Javascript 使用jQuery在输入元素后添加HTML

Javascript 使用jQuery在输入元素后添加HTML,javascript,jquery,html,Javascript,Jquery,Html,我试图使用jQuery在输入字段后添加一些HTML,但它不起作用,我不明白为什么 <input type="text" value="secret password" maxlength="255" id="ripo" title="Password" class="ms-long ms-spellcheck-true"> $(文档).ready(函数(){ jQuery(“输入[title='Password']”)。追加(“test”); }); 您不能将HTML附加到输入

我试图使用jQuery在
输入
字段后添加一些HTML,但它不起作用,我不明白为什么

<input type="text" value="secret password" maxlength="255" id="ripo" title="Password" class="ms-long ms-spellcheck-true">

$(文档).ready(函数(){
jQuery(“输入[title='Password']”)。追加(“

test

”); });
您不能将HTML附加到输入中。但您可以这样做(如果您想实际设置值):


虽然这并不能回答编辑后的问题,但其他答案会在输入后附加元素。

您不能将HTML附加到输入。但您可以这样做(如果您想实际设置值):


虽然这不能回答编辑后的问题,但其他答案会在输入后添加元素。

您必须使用
.after()
方法

append
method将内容插入匹配元素集中每个元素的末尾

after
方法在匹配元素集中的每个元素之后插入内容

$(文档).ready(函数(){
jQuery(“输入[title='Password']”)。在('test

')之后; });
您必须使用
.after()
方法

append
method将内容插入匹配元素集中每个元素的末尾

after
方法在匹配元素集中的每个元素之后插入内容

$(文档).ready(函数(){
jQuery(“输入[title='Password']”)。在('test

')之后; });

append()
用于在元素中添加内容,但是表单输入不包含任何内容。通常您会使用
val()
来设置它们的值

但是,要实现所需功能,请使用
after()
方法将内容插入到所选元素后的DOM中:

$(函数(){
美元(“#ripo”)。在(“

测试”

”)之后; });

append()
用于在元素中添加内容,但是表单输入不包含任何内容。通常您会使用
val()
来设置它们的值

但是,要实现所需功能,请使用
after()
方法将内容插入到所选元素后的DOM中:

$(函数(){
美元(“#ripo”)。在(“

测试”

”)之后; });


append to a input?????没有任何意义
jQuery(“输入[title='Password'])你能在输入val^中附加p吗?对不起,我表达得有点马虎。我想在输入字段后添加一些HTML,并对问题进行了调整。我强烈建议您至少浏览一下jQuery的方法:。其中大多数都是不言自明的,让您很好地了解如何使用Library Append to a input?????没有任何意义
jQuery(“输入[title='Password'])你能在输入val^中附加p吗?对不起,我表达得有点马虎。我想在输入字段后添加一些HTML,并对问题进行了调整。我强烈建议您至少浏览一下jQuery的方法:。其中大多数都是不言自明的,让你对图书馆能做什么有了一个很好的了解仅供参考,OP更新了这个问题,以便更清楚地了解他想做什么
val()
不是这里的解决方案。请更新我的答案,并留下它,以防其他人需要此问题的解决方案。仅供参考,OP更新了问题,以便更清楚地了解他正在尝试做什么
val()
不是这里的解决方案。请更新我的答案,并将其保留,以防其他人需要此问题的解决方案。第二种方法将在
的末尾追加内容。parent()
不一定在输入之后。如果输入是其父元素中的最后一个元素,那么它将执行OP想要的操作。因此,
.after()
是获取的方法。第二个方法将在
的末尾追加内容。parent()
不一定在输入之后。如果输入是其父元素中的最后一个元素,那么它将执行OP想要的操作。因此,
.after()
才是正确的选择
$(document).ready(function() {
  jQuery("input[title='Password']").val('test');
});