jquery if - 事件快捷方式是否存在？

Question

我在代码中有很多条件，其中元素的显示/隐藏取决于输入值是否为空。

是否存在这些行的任何较短版本？

if ($("input#x").val())
{
   $("#lbl_y").show();
}
else
{
   $("#lbl_y").hide();
}

Answer 1

$("#lbl_y").toggle($("input#x").val());

Answer 2

你可以使用这样的结构：

$("#lbl_y")[$("input#x").val() ? 'show' : 'hide']();

Answer 3

基本上你可以把它归结为一行 -

($("input#x").val() == ''?  $("#lbl_y").show() :  $("#lbl_y").hide() )

我在这里使用三元运算符。在这种情况下，它的行为很像一个简单的条件语句。它根据语句返回的true/false值检查某个条件的评估并执行一个或另一个任务。

(condition ? true : false)