obtenez à proximité de la fratrie en javascript

Pour un seul élément span, il devrait être assez facile. Il suffit d'appeler un myFunction(ce) cliquez sur le lien et de manipuler le DOM comme ceci :

function myFunction(currObj){
var parentofSelected = currObj.parentNode; //gives the parent DIV

var children = parentofSelected.childNodes;
for (var i=0; i < children.length; i++) {
    if (children[i].tagName = "span") {
        myValue= children[i].value;
        break;
    }
}
alert(myValue); //just to test

 } //end function

Espère que cela fonctionne. Il l'a fait pour moi !!

OriginalL'auteur Riju Mahna

Mise à jour: Solutions avec et sans jQuery

Cette réponse a beaucoup de downvotes pour montrer un exemple avec jQuery que j'ai décidé d'ajouter plus d'exemples avec de la vanille de JavaScript pour que l'on puisse choisir d'utiliser jQuery ou pas.

Généralement, vous pouvez utiliser .previousSibling en JavaScript natif, voir:

• https://developer.mozilla.org/en-US/docs/Web/API/Node/previousSibling

et vous pouvez utiliser .prev() en jQuery, voir:

• https://api.jquery.com/prev/

Mais gardez à l'esprit que ceux-ci peuvent ne pas fonctionner dans les cas les plus compliqués lorsque vous ne connaissez pas la structure exacte de l'ensemble de votre DOM.

Voici quelques exemples de réalisation de cet objectif à la fois à l'aide de jQuery et avec de la vanille JavaScript, pour les cas simples fixe DOM structure et pour les cas les plus complexes à l'aide de classes.

Sans classes

Pour les plus simples DOM structures pourraient s'en sortir en mettant des écouteurs d'événement sur tous les liens et en s'appuyant sur la connaissance implicite de la DOM, mais cela peut ne pas fonctionner pour les situations plus complexes, - pour voir les exemples de classes ci-dessous.

Avec jQuery:

$('a').click(function () {
  alert( $(this).prev().text() );
  return false;
});

Voir DÉMO.

Sans jQuery:

document.querySelectorAll('a').forEach(link => {
  link.addEventListener('click', () => {
    alert(link.previousSibling.previousSibling.innerText);
  });
});

Noter que le previousSibling doit être utilisé deux fois, parce que le vide d'un nœud de texte qui est entre tha durée et pourrait être utilisé autrement.

Voir DÉMO.

À l'aide de classes

Si le span n'est pas, précédant immédiatement votre a élément, vous pouvez aussi faire un peu différemment, en ajoutant également quelques classes à assurez-vous que votre code n'endommage pas d'autres liens sur la page:

Avec jQuery:

$('a.link').click(function () {
  alert( $(this).parent().find('span.text').text() );
  return false;
});

Voir DÉMO.

Sans jQuery:

document.querySelectorAll('a.link').forEach(link => {
  link.addEventListener('click', () => {
    alert(link.parentNode.querySelector('span.text').innerText);
  });
});

Voir DÉMO.

Le code ci-dessus va se lier cliquez sur gestionnaires de tous les a élément avec la classe "lien" qui alerte le texte figurant par son frère span élément avec une classe "texte". (Bien sûr, les noms de classe doivent être le plus descriptif que ça.)

OriginalL'auteur rsp