jquery id vs. class trouble

Question

Right now I have a bunch of images stored in an array. I want those images to have ids of "left_slot", "middle_slot", and "right_slot". The following code works to give them those class names but not ids:

 function popArr() {
        $("#thumb_slider").children().each(function (index, element) {
            var newImg = $("<img />").attr({
                src: this.src,
                alt: 'space'
            }).addClass(index == 0 ? "left_slot" : (index == 1 ? "middle_slot" : "right_slot"));
            imgArr.push(newImg);
        });
        return imgArr;
    }

My question is, how would I change this function to give them ids depending on their index, instead of classes? I think the classes are getting mixed up with some other sections of code that I have elsewhere on the page. Thanks!

score 2 · Accepted Answer · answered Apr 21 '12 at 22:49

Use attr instead of addClass:

function popArr() {
    $("#thumb_slider").children().each(function (index, element) {
        var newImg = $("<img />").attr({
            src: this.src,
            alt: 'space',
            id: index == 0 ? "left_slot" : (index == 1 ? "middle_slot" : "right_slot")
        })
        imgArr.push(newImg);
    });
    return imgArr;
}

score 1 · Answer 2 · edited May 23 '17 at 12:21

1

Check this out. So use the "id" attribute instead of the addClass function.

edited May 23 '17 at 12:21

Community

1
1

answered Apr 21 '12 at 22:48

the_red_baron

868
7
14

score 0 · Answer 3 · answered Apr 21 '12 at 22:48

0

Instead of .addClass(), use .prop( "id", ..... )

answered Apr 21 '12 at 22:48

Alon Eitan

11,997
8
49
58

jquery id vs. class trouble

3 Answers3