javascript - 测试 .each() 内部并突破

Question

我在这里想做的是使用 jquery .each() 循环遍历图像列表，并测试我传递给函数的 src 是否已存在于列表中。如果没有我想添加它，如果有我不想做任何事情。我应该在哪里添加添加新图像的代码，但我只想在each() 迭代结束后执行此操作

这是我到目前为止所拥有的

function addFriendImage(imageSrc){ //Adds the image of the friend to the sidebar

    var imgReturn = $('ul.friendImages li img').each(function(){
        var currentImageSrc = $(this).attr('src');
        if(currentImageSrc == imageSrc){
            return false;
        }
    });

    if(imgReturn != false){//does this make sense?
        //I'll add an new image, (I can work out to do this bit myself)
    }
}

我是 javascript 和 jquery 的新手，所以我可能在语法上出了问题。如有任何反馈，我们将不胜感激。

Answer 1

您可以跳过循环，只使用 jQuery [attribute="value"] 查找具有您要查找的 src 属性的所有图像。选择器:

function addFriendImage(imageSrc){ //Adds the image of the friend to the sidebar

    if ($('ul.friendImages li img[src="' + imageSrc + '"]').length) {
       // img with src attribute matching imageSrc exists
    } else {
       // img doesn't exist
    }

}

您无法从 $.each 返回值，因为它始终返回用于调用链的 jQuery 对象。但是，返回 true/false 确实具有特殊含义:返回 false 的行为类似于 break; 语句并且迭代停止，而返回 true 的行为类似于continue 语句，提前停止当前迭代并继续下一个迭代。