在jquery选择器中包含变量

Question

我有一个简单的问题。我正在匹配LI元素的类名来打开和关闭具有匹配ID名称的div，如下所示：

$("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”包含在selector $中（目标'div：first'）。show（）;这基本上是我想重置我的子页面以显示点击主导航项的第一个div，所以我想show（）目标容器的第一个子div。我已经搜索但似乎无法使其正常工作。

感谢您的任何建议！

Answer 1

在“div：first”中的“div”之前需要一个空格：

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

可替换地：

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

Answer 2

你错过了一个空间：

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