jquery create new div with using array value as id

Question

hi am trying to create a new div but using the value from an array for its id

var divID = 'borough_'+BoroughTagger.myIdArray[intIndex];
jQuery('<div/>', {  
    id: divID  
}).appendTo('#results');

doesn't seem to work ? any ideas? UPDATE: removed comma from the line id: divID, <div></div> is now created but no id property is created.

From what ive tried so far the following from joes answer works: $('#results').append('');

ie a div is created : <div id="borough_2"></div>

i am performing an ajax call after creating this div and wish to do:

success: function(data){
    // data retrived ok
    var myData = data;
    $("boroughId=" + BoroughTagger.myIdArray[intIndex]).html(myData)
}

using joes method the div is created but i still cant reference it to append the data recived from the ajax request. is there some scope problem perhaps?

Remove the comma after divID. It will break most versions of IE. — lonesomeday
– lonesomeday, Commented Feb 9, 2011 at 16:04
Are you using jQuery 1.4+ - as that signature type for the jQuery object was not added till v1.4. — Orbling
– Orbling, Commented Feb 9, 2011 at 16:07
What does "doesn't seem to work" entail? Do you get an error message? Are only specific browsers affected, or are all of them? Can we see some markup to go with the JS (are you certain the #results element exists)? Do you have this inline, or in an external file? In either case, are do you have it in wrapped in $() so that it's bound to the document load / ready event? More info please. — g.d.d.c
– g.d.d.c, Commented Feb 9, 2011 at 16:08
no errors it doesent seem to be added to the dom, removing the comma breaks more things, @orbling: nice to know that it wont work in earlier versions of jquery, i am using 1.4 though — Dizzy Bryan High
– Dizzy Bryan High, Commented Feb 9, 2011 at 16:17
i removed the wrong comma! it does add the div but just <div></div> no id is added — Dizzy Bryan High
– Dizzy Bryan High, Commented Feb 9, 2011 at 16:39

Joe Green · Accepted Answer · 2011-02-09 17:26:50Z

4

Try

$('#results').append('<div id="borough_'+ BoroughTagger.myIdArray[intIndex] +'"></div>');

If you want to keep a reference to the ID, not a problem, just do

var divId = 'borough_'+ BoroughTagger.myIdArray[intIndex];
$('#results').append('<div id="'+ divId +'"></div>');

You can then access the new element like so:

$('#'+divId).doSomething();

edited Feb 9, 2011 at 17:26

answered Feb 9, 2011 at 16:06

Joe Green

1,7771 gold badge13 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

14 Comments

Dizzy Bryan High Over a year ago

thanks joe, what if i wanted to add extra params such as rel etc, would be nice to know how to use the short hand {properties: here} though

user113716 Over a year ago

@Dizzy: You were using the shorthand method correctly. There's some other issue if it wasn't working. And it doesn't use innerHTML. It uses document.createElement, then calls attr for the properties. github.com/jquery/jquery/blob/1.4.4/src/core.js#L123-124

Joe Green Over a year ago

@Dizzy Brian High np man I didn't realise that it was critical for you to keep a reference to the ID, my answer has been updated to help you out. Still doesn't use the shorthand properties but it should do what you need.

user113716 Over a year ago

@Dizzy: Change the name of the parameter in the success: callback from data to something else like dat for example. There are issues in some browsers when having the data: property to the call set while using data as the name of the parameter.

user113716 Over a year ago

@Dizzy: Yes, I'd skip the var unless it is being used to hold a modified version of the response. Either way, I'd avoid using data as the parameter name for the callback function.

|

Andy N · Accepted Answer · 2011-03-14 20:36:13Z

0

When you create the div object it returns reference to itself.

var newDiv = jQuery('', {id: divID}).appendTo('#results');

answered Mar 14, 2011 at 20:36

Andy N

1,14311 silver badges29 bronze badges

Collectives™ on Stack Overflow

jquery create new div with using array value as id

2 Answers 2

14 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

14 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related