Question

我需要在嵌套的div上调用jquery.animate。 div结构是这样的

<div id="jsPlumb_1_4" class="container">
       <div id="PlanItemPL1" class="PlanItem">
            <div id="window1" class="window">
            </div>
        </div>
</div>

我感兴趣的是在div类窗口上执行mousedown事件，animate事件等操作。有人可以让我知道我应该写什么选择器。谢谢您的帮助。

Answer 1

我建议在没有问题的进一步细节的情况下采用通用方法：

$('#jsPlumb_1_4').on('mousedown', function(e){
    $(this).find('div.window').animate({'width' : '100px'}, 1000);
});

JS Fiddle demo

在此演示中，我将mousedown事件绑定到#jsPlumb_1_4元素（事件将从其任何子元素传播），并触发包含animate()的{{1}} {1}}元素。

为了使它更有趣，我也添加了div.window个事件，以便mouseup mousedown缩小，div.window增长：

mouseup

JS Fiddle demo

$('#jsPlumb_1_4').on('mousedown mouseup', function(e){ var newWidth = e.type == 'mousedown' ? '50%' : '80%'; $(this).find('div.window').animate({'width' : newWidth}, 1000); });检索事件（e.type或mouseup），mousedown变量为newWidth或50%，具体取决于事件等于80%。

jquery中的嵌套选择器

1 个答案: