How to append a tag with specific id using Jquery?

Question

i want to append a tag to with different ids, for eg.

<div id="1"></div>
<div id="2"></div>
<div id="3"></div>
<div id="4"></div>

if i use $('div').append('<span>Hello World</span>); then it attached the <span> tag with every <div>, but i want to attach it to only 1 div based on it id. for example some time to 4 some times to 3 etc.

How is the script/function meant to know to which element the new content should be appended? — David Thomas, Jul 14 '12 at 19:33
i dont know, how to accomplish this thing. I am also asking how to do this thing — Jelo Melo, Jul 14 '12 at 19:34
can you not select using the id?? like this: `$('#3').append` — c0deNinja, Jul 14 '12 at 19:34

score 5 · Answer 1 · answered Jul 14 '12 at 19:34

5

Use the wonderful id selector offered by JQuery:)

$("#1").append('<span>Hello World</span>');

answered Jul 14 '12 at 19:34

Samson

2,801
7
37
55

numbers cannot be used as ids – Kishore Jul 14 '12 at 19:35
1

You forgot the closing quote at the end of your string – WolvDev Jul 14 '12 at 19:36
@Kishore HTML5 specification supports numbers as IDs. – VisioN Jul 14 '12 at 19:36
@radashk unless he is using HTML5 http://stackoverflow.com/questions/70579/what-are-valid-values-for-the-id-attribute-in-html – Kishore Jul 14 '12 at 19:38
@VisioN IE6 has no transparency by default, but who cares :) – GTSouza Jul 14 '12 at 19:38
1

@GTSouza IE6 is a browser? :) – VisioN Jul 14 '12 at 19:39
@VisioN nice one :P, but is a bad idea use numbers with ID, if the project is a big thing you will be lost to manage the DOM – GTSouza Jul 14 '12 at 19:41

WolvDev · Answer 2 · 2012-07-14T19:46:13.403

3

Just use the ID selector:

$('#1').append('<span>Hello World</span>');

Edit: IF you don't use HTML5:

You can't use numbers in IDs or classes when they don't follow a char. So you need use id="div1" instead:

$('#div1').append('<span>Hello World</span>');

edited Jul 14 '12 at 19:46

answered Jul 14 '12 at 19:34

WolvDev

3,182
1
17
32

HTML5 specification supports numbers as IDs. – VisioN Jul 14 '12 at 19:38
Numbers only? I read the post from Kishore in the other comment and there it says the same: ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters – WolvDev Jul 14 '12 at 19:41
The working draft for HTML 5 is even more permissive, saying only that an id must contain at least one character and may not contain any space characters. (character == digit or letter?) – WolvDev Jul 14 '12 at 19:41
@ShogunArts.de Yep, you can use even special characters. – VisioN Jul 14 '12 at 19:45
Was something new to me with the numbers only :) – WolvDev Jul 14 '12 at 19:45
Edited my answer in case someone is reading it and don't use html5 – WolvDev Jul 14 '12 at 19:48

How to append a tag with specific id using Jquery?

2 Answers2