2009-09-29 153 views
14

我有一個簡單的輸入欄後追加文本:jQuery的:輸入字段

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

我想以後這個權利要追加一些鏈接;所以我會得到:

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

我想:

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

沒有成功,一定是傻,但我不能找出什麼是錯的。而不是後

+0

輸入元件是[空元件](http://www.w3.org/TR/html-markup/syntax.html#syntax - 元素) - 意味着它不能有內容或孩子。 '追加'添加一個孩子,因此它不起作用。 – Izhaki 2014-11-12 17:12:12

回答

35

嘗試。經過()代替:

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

使用追加

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

對,現在完美工作。謝謝 ! – Disco 2009-09-29 15:46:01

+27

我不明白別人如何發佈與我以後相同的答案值得被標記爲答案? – 2009-09-29 16:11:27

+0

我不知道,那太荒謬了。你的回答幫了我很多。謝謝蒂姆! – 2012-06-20 21:58:14

7

append方法會增加你把它送給你怎麼稱呼它的元素節點。

對於您的情況,您將HTML 放入INPUT元素內。

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

+0

感謝您的解釋 – 2014-03-12 07:02:40