在 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
});

我想知道如何将变量“targeted”包含到选择器中 $(targeted '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();