jquery - 了解 jquery `show` 和 `hide` 方法中的三元运算符。

Question

只是在网上看一个下拉 fiddle HERE ，下拉列表中有以下行，如下所示:

 $(this).closest('.menu')[s.indexOf(g) !== -1 ? 'show' : 'hide']();

现在我确实理解了三元运算符，而且我也理解了

 $(this).closest('.menu')[0];

是一种经常用于派生第一个元素的语法，但我不太理解上面的语法，该行是如何执行的，或者只是:

 $(this).closest('.menu').hide();

取决于三元运算符的结果？

Answer 1

非常简单。 在 JS 中，您不仅可以使用 object.field_name 访问对象成员，还可以使用 object['field_name']

所以你的代码行可以翻译为:

if(s.indexOf(g) !== -1) {
   // $(this).closest('.menu').show()
   $(this).closest('.menu')['show']() 
} else {
   // $(this).closest('.menu').hide()
   $(this).closest('.menu')['hide']() 
}