Como faço para selecionar apenas dois dos três imgs dentro da mesma div usando jQuery? - jquery, css

O código é o seguinte:

<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>

O jQuery é o seguinte:

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

O acima funciona, no entanto, quero selecionar "icon2 e icon3".

Eu tentei fazer $("#icon2 #icon3") e isso não funcionou.

Respostas:

1 para resposta № 1

experimentar

$("#icon2 , #icon3")

com vírgula separada

olhar :

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

---

2 para resposta № 2

Só para adicionar, você pode usar o :gt seletor da seguinte forma:

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

---

1 para resposta № 3

experimentar $("#icon2, #icon3")

, pode ser usado para combinar seletores

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

---

1 para resposta № 4

Você pode tentar usar -

$("#icon2, #icon3")

ou

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

---

1 para resposta № 5

Você precisa separar vários elementos por vírgula:

$("#icon2, #icon3")

tão bom quanto

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

tão bom quanto

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

---