Search jQuery

jQuery Forum

Getting Started

morpheus3..

Not able to select list populated dynamically in same event.

in Getting Started • 3 months ago

This should be pretty straight forward but I am struggling,

I have this <ul id="abc"></ul> in a dialog box

In the open event of dialog box I am populating the #abc dynamically and trying to get the list after populating it as

var abcList = $('#abc li');

But it does not return any element? Is it because dom is not yet loaded?

How can I select this list?

Thanks in advance!!!

Replies(10)

dsvick

Re: Not able to select list populated dynamically in same event.

3 months ago

Your selector is not correct. $('#abc li'); is actually the ancestor descendant selector (http://api.jquery.com/descendant-selector/). What you need is $("li#abc") or, since there should only be one element with that ID, you can simply use: $("#abc")

Dave

morpheus3..

Re: Not able to select list populated dynamically in same event.

3 months ago

I want to select all the li element that are descendant of <ul> element that has id : abc ,

I am adding many <li> element dynamically to the <ul> element.

charlietfl

Re: Not able to select list populated dynamically in same event.

3 months ago

selector is correct, show more of your code

morpheus3..

Re: Not able to select list populated dynamically in same event.

3 months ago

I making a call using $.getJSON which returns me list of object {name: '###', id :'##', ....}.

$.getJSON("... url ", function(objectList){

$.each( objectList , function () {

var temp = $('<li>'+ name+ '</li>').data("element", {

id = this.id;

name = this.name;

}

$('#abc').append(temp);

}

//alert ("hi");

var selectList = $('#abc li'); //line 3

I want to loop through selectList and add css class based on some condition, but i am not able to select any li element, but if I uncomment the alert statement, I am able to select the list.

only clue I can get is, while selecting the list at line 3, the DOM is not populated with list.

morpheus3..