Comment puis-je sélectionner seulement deux des trois imgs dans la même div en utilisant jQuery?

Question

Le code est le suivant:

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

Le jQuery se présente comme suit:

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

Les travaux ci-dessus, cependant, je veux sélectionner les deux 'icon2 icon3 &.

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

Answer 1

essayer

$('#icon2 , #icon3') 

avec séparées par des virgules

regard:

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

Answer 2

essayer $('#icon2, #icon3')

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

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

Answer 3

Vous pouvez essayer d'utiliser -

$('#icon2, #icon3') 

ou

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

Answer 4

Vous devez par des virgules sepperate plusieurs éléments:

$('#icon2, #icon3') 

aussi bon que

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

aussi bon que

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

Answer 5

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

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