Включение переменной в селектор jquery

Question

У меня быстрый вопрос.Я сопоставляю имена классов элементов LI, чтобы включать и выключать div с соответствующим именем 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
});

Мне интересно, как включить переменную "target" в селектор $target 'div: first'). show ();Это в основном то, как я хочу сбросить мои подстраницы, чтобы показывать первый div при щелчке основного элемента навигации, поэтому я хочу показать () первый дочерний div целевого контейнера.Я искал, но не могу заставить его работать.

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

Answer 1

Вам нужен пробел перед "div" в "div: first":

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

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

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

Answer 2

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

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