jquery - 我可以在 Jquery 中组合变量和选择器吗？

Question

假设我有这个 HTML:

<div class="top">top
    <div class="middle">middle
        <div class="bottom">bottom</div>
    middle</div>
top</div>
<div class="middle">outside middle</div>

有没有办法为选择器创建变量，然后将其用作另一个选择器的一部分？这就是我想要做的，但这不起作用:

$top = $('.top');

$($top + ' .middle').click(function(){
    $(this).toggleClass('green');
});

我确信我不需要重新选择 .top，因为这就是变量所做的，所以我确信我需要对 $top 做一些事情，我只是不确定什么。

http://jsfiddle.net/ftXLx/1/

Answer 1

使用

$('.middle', $top)

或

$top.find('.middle')

您也可以简单地将选择器(字符串)与

$($top.selector + ' .middle')

但这只会更慢且可读性更差......