jquery id vs. class麻烦答案

【问题标题】：jquery id vs. class troublejquery id vs. class麻烦
【发布时间】：2012-05-03 01:40:52
【问题描述】：

现在我有一堆图像存储在一个数组中。我希望这些图像具有“left_slot”、“middle_slot”和“right_slot”的 ID。以下代码可以为它们提供这些类名而不是 id：

 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;
    }

我的问题是，我将如何更改此函数以根据它们的索引而不是类为它们提供 id？我认为这些类与我在页面其他地方的其他一些代码部分混淆了。谢谢！

【问题讨论】：

标签： jquery class

【解决方案1】：

检查this。所以使用“id”属性而不是addClass函数。

【讨论】：

【解决方案2】：

用.prop( "id", ..... )代替.addClass()

【讨论】：

【解决方案3】：

使用 attr 代替 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;
}

【讨论】：