Jquery Sélectionner l'élément 2 positions plus loin - une autre façon de .next(). Next()

Question

Je cherche un moyen de sélectionner un élément div qui n'est pas le suivant directement à celui qui est "sélectionné" par une fonction de clic.

<div id="click">(siblings)</div><div>text</div><div id="get this one"></div> 

Maintenant, je voudrais choisir celui avec l'id « obtenir celui-ci » - dans mon code identifiant ce n'est pas disponible. Tous les divs ont la même classe et ont des frères et soeurs.
Je pourrais choisir le troisième par $(this).next().next() mais je pense que ce n'est pas la meilleure façon de le faire.
Il peut également y avoir div s avant celui sur lequel vous avez cliqué - ce n'est donc pas forcément le premier.

J'ai essayé le sélecteur :nth-child mais je n'ai pas trouvé de solution.
Plus tard, je voudrais également sélectionner le 13ème après le clic (ou le 23ème, 65ème et ainsi de suite). Cela signifie que je voudrais avoir une solution plutôt dynamique à ce problème.

Merci pour votre aide,
Phil

Answer 1

Vous pouvez utiliser .nextAll() avec .eq() pour votre approche dynamique, comme ceci:

$(this).nextAll().eq(1) //0 based index, this would be .next().next() 

Cela vous permettra d'obtenir n frères et sœurs avant, qui semble pour être ce que vous cherchez.

Answer 2

Il semble que $(this).parent().find('div').eq(2).attr('id') devrait fonctionner.

MISE À JOUR (FIND Ajouté ('div'))