如何将这两行jQuery合并为一个？

Question

如何将这两行合并为一行？

jQuery(".my-class").children(".open").show(); 
jQuery(".my-class").children(".closed").hide(); 

谢谢！

Answer 1

以防万一你需要的是切换此元素的可见性（备用取决于按钮点击，或类似的东西），你可以使用...

$('.my-class').children('.open,.closed').toggle() 

...但如果你只是想要显示.open并隐藏.closed，你的代码对我来说看起来不错。

Answer 2

感谢所有。 原因是，有时候jQuery（“。my-class”）可能会很长（如果我们有使用parent（）或者以上的复杂搜索）。

我想我已经找到了一个很好的解决方案：

jQuery(".my-class").each(function(){ 
    jQuery(this).children(".open").show(); 
    jQuery(this).children(".closed").hide(); 
}) 

切换是一个很好的选择，但我的问题是比较通用的，不仅为.show（）或.hide（）

Answer 3

您可以使用end()方法

试试这个：

jQuery(".my-class").children(".open").show().end().children(".closed").hide();