如何根據alt屬性檢查圖像是否存在？

如果我想追加另一個圖像到這個列表。如何根據alt屬性檢查圖像是否存在？

<img src="1.jpg" alt="apple">

如果apple已經在這個列表中，那麼什麼都不做。有沒有一種方法可以使用jQuery來檢查？

我試圖使用發現，var existItem = $("#targetBox").find(" not sure what to put here ")

<div id="test"> 
    <img src="1.jpg" alt="apple"> 
    <img src="2.jpg" alt="banana"> 
    <img src="3.jpg" alt="grape"> 
</div>

2012-08-26 qinking126

是，使用以下方法來檢查是否有存在這樣一個形象：

if ($("#test img[alt='apple']").length) { 
}

，然後添加其他圖片：

$("<img>").attr("src", "4.jpg").attr("alt", "orange").appendTo("#test");

2012-08-26 15:23:54

它的工作原理但是，如果我使用變量，那麼它將停止工作。 var a ='apple'; if（$（「img.targetItemImage [alt = a]」）。length） – qinking126

@feelexit：你必須連接它的值：'if（$（「img.targetItemImage [alt ='」+ a +「']」）。長度）'。 –

你可以使用jQuery的屬性select ORS此 -

if ($("#targetBox").find("img[alt='THE_NEW_IMAGE_ALT']").length){ 

}

此代碼查找有一個alt屬性等於THE_NEW_IMAGE_ALT圖像。它檢查結果是否爲空（檢查長度）。如果沒有元素返回（長度= 0），那麼沒有其他圖像具有相同的alt參數。

您可以使用此相同的代碼來測試任何屬性的任何值。例如，如果你想測試基於src圖像的存在屬性，你會簡單地改變選擇看起來像這樣 - find("img[src='THE_IMAGE_SRC']")

參考 -

2012-08-26 15:25:14 Lix

回答