3

このリストに別の画像を追加したい場合。

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

appleすでにこのリストにある場合は、何もしません。jQueryを使用してチェックする方法はありますか？

findを使ってみました 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>
4

2 に答える 2

7

はい、以下を使用して、そのような画像が存在するかどうかを確認してください。

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

次に、別の画像を追加するには：

$("<img>").attr("src", "4.jpg").attr("alt", "orange").appendTo("#test");
于 2012-08-26T15:23:54.337 に答える
1

これにはjQueryの属性セレクターを使用できます-

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

}

このコードは、altに等しい属性を持つ画像を検索しますTHE_NEW_IMAGE_ALT。結果が空かどうかを確認します（長さを確認します）。alt要素が返されない場合（length = 0）、同じパラメーターを持つ他の画像はありません。

これと同じコードを使用して、任意の属性の任意の値をテストできます。たとえば、src属性に基づいて画像の存在をテストする場合は、セレクターを次のように変更するだけです。find("img[src='THE_IMAGE_SRC']")

参考文献-

于 2012-08-26T15:25:14.477 に答える