测试 .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"] 选择器：

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 语句，提前停止当前迭代并继续下一个迭代。

Answer 2

您可以避免所有额外的内容并直接查询。

if(!($('ul.friendImages li img[src=' + imageSrc + ']').length)){
}