调用子元素事件答案

【问题标题】：Invoke child element event调用子元素事件
【发布时间】：2015-09-23 10:05:09
【问题描述】：

我需要在类名为 pane 的子 div 元素上调用一个函数（toggleslide）（父 div 是 flip）。

我有一个父 div 并且 onclick 我需要一个父 div 元素来显示（滑动）子 div 中的一些内容。当我单击div 时，它将显示所有具有子类pane 的div，所以我尝试将this 添加到第三行$(".flip, this").children(".pane").slideToggle("fast")，但它根本不起作用。

$(document).ready(function(){
   $(".flip", this).click(function(){
        $(".flip").children(".pane").slideToggle("fast");
    });
});

提前感谢您的帮助

【问题讨论】：

标签： javascript jquery html css children

【解决方案1】：

根据您的描述，您似乎只想在点击的.flip 内的.pane 元素上调用slideToggle()。在这种情况下，您确实需要使用this，但您需要将其用作点击处理程序中的主要选择器。试试这个：

$(document).ready(function(){
   $(".flip").click(function(){
        $(this).find(".pane").slideToggle("fast");
    });
});

【讨论】：

没问题，很乐意提供帮助。