如何在一个中合并这两行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（＆＃34; .my-class＆＃34;）可能会很长（如果我们使用parent（）进行复杂的搜索或者结果如此）。

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

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

Toggle是一个很好的选择，但我的问题更通用，不仅适用于.show（）或.hide（）

Answer 3

您可以使用end()方法

试试这个：

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