Y compris variable dans jquery selector

Question

J'ai une question rapide. Je correspondance entre les noms de classe d'éléments LI pour activer et de désactiver divs avec un nom d'identification correspondant, comme suit:

$("ul#mainnav li").click(function() { 
     $("#mainpages > div").fadeOut(200); 
      var navClass = $(this).attr('class'); 
      var targeted='#'+navClass; 
    $(targeted).fadeIn(200); // this is working 
     $(targeted+'div:first').show(); // this is not working 
}); 

Je me demande comment inclure la variable « ciblée » dans le sélecteur $ (cible ' div: first '). show(); C'est essentiellement comment je veux réinitialiser mes sous-pages pour montrer le premier div sur le clic d'un élément de navigation principal, donc je veux montrer() la première div enfant du conteneur ciblé. J'ai cherché mais je n'arrive pas à le faire fonctionner.

Merci pour vos suggestions!

Answer 1

Vous avez besoin d'un espace avant le "div" dans "div: first":

$(targeted+' div:first').show(); 

Autre possibilité:

$(targeted).find('div:first').show(); 

Answer 2

Vous avez manqué un espace:

$(targeted+' div:first').show();