jQuery trouver des attributs similaires

Question

Ma page comporte deux sections de navigation à onglets. Les deux indépendants l'un de l'autre, mais aboutissant au même résultat. Je pense que le moyen le plus simple de les coder pour travailler ensemble serait de trouver l'attribut `href 'qui est le même dans les deux sections, de l'enregistrer dans une variable et de continuer à partir de là.

Ma mise en page ressemble à ceci.

<div id="tab-text"> 
    <a href="tab-1"></a> 
    <a href="tab-2"></a> 
    <a href="tab-3"></a> 
</div> 

<div id="tab-arrow"> 
    <a href="tab-1"></a> 
    <a href="tab-2"></a> 
    <a href="tab-3"></a> 
</div> 

Et j'ai quelques jQuery comme ceci.

jQuery('#tab-text a').click(function() 
{ 
    jQuery('#tab-text a').removeClass('active'); 
    jQuery(this).addClass('active'); 
} 

Alors, comment puis-je inclure dans le jQuery si #tab-text a est cliquée, que de trouver la valeur de l'attribut href, et que la recherche de cette valeur de #tab-arrow a et .addClass()

Answer 1

jQuery('#tab-text a').click(function() 
{ 
    jQuery('#tab-text a').removeClass('active'); 
    jQuery(this).addClass('active'); 
    var searchHref = this.href; 
    jQuery('#tab-arrow a[href="'+searchHref+'"]').doSomething(); 
}