jQuery:在输入字段后附加文本

时间:2023-02-09 15:28:48

I have a simple input field :

我有一个简单的输入字段:

<input type="text" id="someid" name="somename" class="someclass">

I'm trying to append some link right after this; so i'll get :

我正试图在此之后追加一些链接;所以我会得到:

<input type="text" id="someid" name="somename" class="someclass"> - <a href="#">..</a>

i tried :

我试过了 :

$("input#someid.someclass").append(' - <a href="#">Are you sure  ?</a>');

Without success, must be stupid but i can't find out what's wrong.

如果没有成功,必须是愚蠢的,但我无法找出问题所在。

4 个解决方案

#1


35  

Try .after() instead:

试试.after()代替:

$("input#someid.someclass").after(' - <a href="#">Are you sure  ?</a>');

#2


59  

Use after instead of append

使用after而不是append

$("input#someid.someclass").after(' - <a href="#">Are you sure  ?</a>');

#3


7  

The append method will add the node you give it to the element you call it on.

append方法会将您提供给它的节点添加到您调用它的元素上。

In your case, you are putting the HTML inside the INPUT element.

在您的情况下,您将HTML放在INPUT元素中。

You need to use the after method to insert the HTML after your INPUT element.

您需要使用after方法在INPUT元素后插入HTML。

#4


-2  

$("input#someid.someclass").after($('<a>')
                           .attr('href','#').text('Are you sure  ?'));

#1


35  

Try .after() instead:

试试.after()代替:

$("input#someid.someclass").after(' - <a href="#">Are you sure  ?</a>');

#2


59  

Use after instead of append

使用after而不是append

$("input#someid.someclass").after(' - <a href="#">Are you sure  ?</a>');

#3


7  

The append method will add the node you give it to the element you call it on.

append方法会将您提供给它的节点添加到您调用它的元素上。

In your case, you are putting the HTML inside the INPUT element.

在您的情况下,您将HTML放在INPUT元素中。

You need to use the after method to insert the HTML after your INPUT element.

您需要使用after方法在INPUT元素后插入HTML。

#4


-2  

$("input#someid.someclass").after($('<a>')
                           .attr('href','#').text('Are you sure  ?'));