Comment sélectionner un frère gauche non-direct <span> avec jQuery?

Question

<span>This is the span I want to select</span> 
<div>something here</div> 
<a id="start"></a> 

On suppose seulement $ peut d'accès ('# start'),

J'essayées $ ('# start'). Prev ('durée'), mais ne fonctionne pas.

Answer 1

$('#start') 
    .parent()  // gets one up 
    .find('span') // gets the span element 

same code utilisant jsbin bac à sable

---

Note:

vous ne pouvez pas utiliser prev() car il ne reçoit la balise précédente, et la durée, de la balise d'ancrage est le précédent n'est pas le précédent du précédent

de jQuery Documentation

Obtient un ensemble d'éléments contenant les frères et sœurs précédents uniques de chacun des ensembles d'éléments correspondants. Utilisez une expression facultative pour filtrer l'ensemble correspondant. Seul le frère ou la sœur immédiatement précédent est renvoyé, et non tous les frères et sœurs précédents.

prev([filter]) 

le filtre est de filtrer si la balise précédente contient plus d'un, comme:

<div> 
    <span></span> 
    <a></a> 
</div> 
<a id="a2"></a> 

pour obtenir la durée que vous utilisez:

$('#a2').prev('span') 

Answer 2

étrange, il semble que prevAll recule, en commençant par le premier juste derrière l'élément de départ et en reculant. Ça a du sens, je suppose. De toute façon, ce qui suit a fonctionné pour moi:

//jquery : 

$(document).ready(function(){ 
    $("#start").prevAll("span:first").css("font-weight", "bold"); 
    }); 

// html: 


<span>This is the span I don't want to select</span> 
<span>This is the span I want to select</span> 
<div>something here</div> 
<a id="start">Stuff</a>