jQuery .each - get all objects in one element

Question

//clone every image to popup element when click 
var floorplanImg = $('.detail-content.floorplan img'),
    imgModal = $('.global-overlay-modal');
$(floorplanImg).addClass('pop-floorplan');

$(floorplanImg).each(function(index) {
    $(this).on('click', function(){
        $(imgModal).fadeIn(300).addClass('active').show();
        var imgSingle = $(this).clone();
        $('.img-popup-detail').html(imgSingle); 
        // console.log($(this).attr('src'));
        if($(imgModal).hasClass('active')) {
            $(imgModal).click(function (){
                $(this).fadeOut(300); 
            });
        }
    });
});

 

Answer 1

To remove class on active element of .each method

$(document).ready(function()
{
    $('.click_me').click(function()
    {       
        $("li.active").not(this).removeClass('active');
        $(this).toggleClass("active");
    });
});