Включая переменную в селектор jQuery

Question

У меня есть быстрый вопрос. Я соответствие имен классов элементов LI, чтобы включать и выключать дивы с именем ID соответствия следующим образом:

$("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 
}); 

мне интересно, как включить переменную «целевой» в селектор $ (целевой ' . ДИВ: первая ') шоу(); Это в основном то, как я хочу сбросить свои подстраницы, чтобы показать первый div по щелчку основного элемента навигации, поэтому я хочу показать() первый дочерний div целевого контейнера. Я искал, но не могу заставить его работать.

Спасибо за любые предложения!

Answer 1

Вам нужен пробел перед "DIV" в "DIV: первый":

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

В качестве альтернативы:

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

Answer 2

Вы пропустили пробел:

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