函数而不是兄弟函数

Question

我想知道是否有一个函数可以用来代替兄弟函数。我是这样要求的，因为兄弟姐妹的功能需要他们在同一个div中，这有时会让我的布局变得糟糕。我可以使用什么功能？我在下面发布一个示例代码。

<div class='hey'> 
    <div class='yes'><button class='my'> </button> </div> 
    <div class='what'> </div> 
    </div> 


    <div class='hey'> 
    <div class='yes'><button class='my'> </button> </div> 
    <div class='what'> </div> 
    <div> 

我想滑下div类什么独立取决于点击按钮的位置。任何帮助表示感谢，谢谢！请发布一个例子，并解释功能欢呼！

Answer 1

在这种情况下，你可以使用类似：

$('button').click(
    function(){ 
     $(this).closest('.hey').find('.what').slideToggle(); 
    }); 

JS Fiddle demo。

---

编辑因为我完全忘了“解释功能”。哎呀。

1. $('button').click(选择html button元素，并将jQuery点击处理程序附加到它们。
2. $(this).closest('.hey').find('.what').slideToggle()有效开始于this元素（button），在祖先向上移动，直到它发现，选择器串，类名.hey的一个元素，并且匹配，则选择相匹配的最接近元件，在该元素的后代中寻找类名为.what的元素。在找到这个元素后，它的可见性是slideToggle();如果它隐藏，则显示它，如果它可见，则隐藏它。

参考文献：

• click()。
• closest()。
• find()。
• slideToggle()。