Question

我想使用一个函数来改变许多html元素的CSS。我想知道如何才能做到这一点。

var i = 0 var playerimg=["CSGO_de_cache.jpg"];

var playerdefine=["#p1"];



for(i = 0; i<15; i++) { 
    $(playerdefine[0]).prepend("<img class=\"playerimg\" src=\"Pictures/" + playerimg[playercounter] + "\">" ) 
}

“playerdefine”是我不安全的，因为它不起作用，它是否有效或是否有其他方法可以定义不同的标签？

这是我的第一篇文章，我并不习惯所有的编程术语（英语都少），所以可以自由地纠正我。

感谢您抽出宝贵的时间！

Answer 1

执行类似下面的操作，假设定义了playerimg和playercounter，或者用i

替换playercount

var i = 0   
var playerdefine=["#p1"];
for(i = 0; i<playerdefine.length; i++){   
    $(playerdefine[i]).prepend('<img class="playerimg" src="Pictures/' + playerimg[i] +'">' );
}

Answer 2

就像我在你的问题中看到的那样，是关于向玩家列表元素添加图像。动荡的代码可以帮助你;）

// players list
// 1) use nested objects is more simple
// 2) with objects you never break things
//    like player1 with image of player 4
// 3) learn jquery and javascript basics there are many videos on youtube


var playersList = [
    {
        id: '#p1',
        img: 'image1.jpg',
    },
    {
        id: '#p2',
        img: 'image2.jpg',
    },
     //......
    {
        id: '#pN',
        img: 'imageN.jpg',
    }
];

var imgDir = 'images/players/';

// adding images to elements wich id's in players list array
// playersList.length ??? - how many elements do we have

for(var i = 0, i < playersList.length, i++){
    $(playersList[i].id).prepend( $('<img src="'+imgDir+playersList[i].img+'" alt="player-img" />').addClass('playerimg') );
}

注意需要在doom加载后放置此代码才能访问元素。

使用数组在Jquery

2 个答案: