Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在JavaScript中为for循环中的特定img元素添加类_Javascript_Jquery - Fatal编程技术网

如何在JavaScript中为for循环中的特定img元素添加类

如何在JavaScript中为for循环中的特定img元素添加类,javascript,jquery,Javascript,Jquery,现在这段代码没有任何错误。我想在for循环中的所有img元素中添加一个类“sprite”。另外,如果eachName[1]是a.png或b.png,我想向它们添加一个类“found”,否则我想添加一个类“unfound”。如何编写代码来实现它们。谢谢 function populatePokedex() { var xhr = new XMLHttpRequest(); xhr.open("GET", "data.txt"); xhr.onload = function

现在这段代码没有任何错误。我想在for循环中的所有img元素中添加一个类“sprite”。另外,如果eachName[1]是a.png或b.png,我想向它们添加一个类“found”,否则我想添加一个类“unfound”。如何编写代码来实现它们。谢谢

function populatePokedex() {

    var xhr = new XMLHttpRequest();
    xhr.open("GET", "data.txt");
    xhr.onload = function(){
        if (this.status == 200) {

            var picArr = this.responseText.split("\n");
            for(var i=0; i < picArr.length; i++){
                var eachName = picArr[i].split(":")
                var spriteurl = "/Pokedex/sprites/" + eachName[1];
                document.getElementById("pokedex-view").innerHTML += "<img src=" + spriteurl + ">";
            }

        } else {
            document.getElementById("pokedex-view").innerHTML = "ERROR: Status: " + this.status + ", " + this.statusText;
        }
    }
    xhr.onerror = function(){
        document.getElementById("pokedex-view").innerHTML = "ERROR";
    }
    xhr.send();
}
函数populatePokedex(){
var xhr=new XMLHttpRequest();
xhr.open(“GET”,“data.txt”);
xhr.onload=函数(){
如果(this.status==200){
var picArr=this.responseText.split(“\n”);
对于(变量i=0;i
。。。
xhr.onload=函数(){
如果(this.status==200){
var picArr=this.responseText.split(“\n”);
对于(变量i=0;i
如果其余代码正常工作,添加以下行将解决您的问题

...
var spriteurl = "/Pokedex/sprites/" + eachName[1];
img = document.createElement("img");
img.setAttribute("src", spriteurl);
klass = ["a.png", "b.png"].some(function(e) { return e == eachName[1]; } ? "found" : "unfound";
img.setAtrribute("class", klass) // or classList += 
document.getElementById("pokedex-view").appendChild(img); 
...
使用


非常感谢您。我可以给它们加一个“精灵”类。但是,一个“未找到”的类并不能很好地工作。这就是我想做的。但我工作不好。->if(eachName[1]==“a.png”){imgClass+='found';}else{imgClass+='unfound';}记录eachName[1]以确保其格式符合您的要求。可能不是您期望的文件名(例如“/a.png”或“images/a.png”)
...
var spriteurl = "/Pokedex/sprites/" + eachName[1];
img = document.createElement("img");
img.setAttribute("src", spriteurl);
klass = ["a.png", "b.png"].some(function(e) { return e == eachName[1]; } ? "found" : "unfound";
img.setAtrribute("class", klass) // or classList += 
document.getElementById("pokedex-view").appendChild(img); 
...