Question

I’m creating a bunch of li elements dynamically

$.each(data.attributes.listingImages, function (i, obj){
if(i == 1){
   $('#js-carousel-menu').append('<li media class="active"><a media-frame><img class="js-carousel-item" src=" '+obj.thumbnail+ ' " /></a></li>' );
 }else{
   $('#js-carousel-menu').append('<li media><a media-frame><img class="js-carousel-item" src=" '+obj.thumbnail+ ' " /></a></li>' );
}

then when i try search for the ‘active’ li its not finding it

$gallery = $(this.el).find('#js-carousel-menu');
var _this = $gallery.find('li.active');

however if i trace out $gallery it give me :

<ul>
 <li media>...</li>
 <li media class="active">...</li>
 <li media>...</li>
 ...
 <li media>...</li>
</ul>

am i missing something? thanks

Answer 1

Since #js-carousel-menu is an ID, you shouldn’t need to find it, you can just select it directly. Check to see of the selector was successful.

alert($(this.el).find('#js-carousel-menu').length)