Comment sélectionner seulement deux des trois images de la même div avec jQuery? - jquery, css

Le code est comme suit:

<div id="compv-navbar">
<a href="#"><img src="/images/image1.png" id="icon1"></a> |
<a href="#"><img src="/images/image2.png" id="icon2"></a> |
<a href="#"><img src="/images/image3.png" id="icon3"></a> |
<span id="view_name"> 2-up</span>
</div>

Le jQuery est comme suit:

$("#icon2")
.qtip ({
content: "Placeholder Text.",
show: "mouseover",
hide: "mouseout"
})

Ce qui précède fonctionne, cependant, je souhaite sélectionner les deux "icon2 & icon3".

J'ai essayé de faire $("#icon2 #icon3") et cela n'a pas fonctionné.

Réponses:

1 pour la réponse № 1

essayer

$("#icon2 , #icon3")

avec des virgules séparées

regarde:

http://api.jquery.com/multiple-selector/

---

2 pour la réponse № 2

Juste pour ajouter, vous pouvez utiliser le :gt sélecteur comme suit:

// select all images after the first one
$("#compv-navbar img:gt(0)")

---

1 pour la réponse № 3

essayer $("#icon2, #icon3")

, peut être utilisé pour combiner des sélecteurs

http://api.jquery.com/multiple-selector/

---

1 pour la réponse № 4

Vous pouvez essayer d'utiliser -

$("#icon2, #icon3")

ou

$("#icon2").add("#icon3")

---

1 pour la réponse № 5

Vous devez séparer plusieurs éléments par une virgule:

$("#icon2, #icon3")

aussi bon que

$("#icon2").add("#icon3")

aussi bon que

$("#compv-navbar").find("img:gt(0)")

---