2009-09-29 24 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 -elements) - コンテンツや子供を持つことはできません。 'Append'は子を追加するため、動作しません。 – Izhaki

答えて

35

試行の.after():

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

利用代わりにアペンド

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

今、完璧に動作しています。ありがとう! – Disco

+27

誰かが私と同じ回答をどのように投稿したか分かりませんが、後で回答としてマークする価値がありますか? –

+0

私は知らない、それはばかげている。あなたの答えは私を大いに助けました。ありがとうTim! –

7

の後append方法は、あなたがそれを呼び出す要素にそれを与えるノードを追加します。

あなたの場合、の中に入れて、INPUTの要素に置きます。

INPUT要素の後にHTMLを挿入するには、afterメソッドを使用する必要があります。代わり

+0

説明のためにありがとう –

関連する問題