2009-09-29 17 views
14

Mam proste pole wejściowe:jQuery: Dołącz tekst po polu wprowadzania

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

próbuję dołączyć jakiś link, zaraz po tym; tak ja dostanę:

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

próbowałem:

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

bez powodzenia, musi być głupia, ale nie mogę dowiedzieć się, co się stało.

+0

elementem wejściowym, to [nieważne elementem] (http://www.w3.org/TR/html-markup/syntax.html#syntax -elements) - co oznacza, że ​​nie może zawierać treści ani dzieci. 'Append' dodaje dziecko, więc nie działa. – Izhaki

Odpowiedz

35

Spróbuj .Po() zamiast:

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

Zastosowanie po zamiast dołączania

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

Dobrze, teraz działa idealnie. Dzięki ! – Disco

+27

Nie rozumiem, jak ktoś inny opublikował tę samą odpowiedź, co ja, później, zasługuje na oznaczenie jako odpowiedź? –

+0

Nie wiem, to niedorzeczne. Twoja odpowiedź bardzo mi pomogła. Dzięki Tim! –

7

Sposób append doda węzeł dajesz go do elementu nazywacie go.

W twoim przypadku wstawiasz kod HTML do elementu z elementem INPUT.

Musisz użyć metody after, aby wstawić kod HTML po swoim elemencie INPUT.

+0

dzięki za wyjaśnienie –

Powiązane problemy