JavaScript IF-ELSE语句嵌套功能



我有一个javaScript函数,它隐藏行,并根据单击哪个按钮,它将显示内容,具体取决于表是否匹配表行

$("#example").on("click", function()
{
    var $rowsNo = $("#table tbody tr").hide().filter(function () {
    return $.trim($(this).find("td").eq(0).text()) === "4"
}).show();
});

这很好。但是我想添加一个if语句说,如果它等于4显示内容,如果它不等于4,则显示为5的内容。我尝试了

$("#example").on("click", function()
{
    if ($(this).find("td").eq(0).text()) === "4"){
    var $rowsNo = $("#table tbody tr").hide().filter(function () {
    return $.trim($(this).find("td").eq(0).text()) === "4"
}).show();
}
else{
    var $rowsNo = $("#table tbody tr").hide().filter(function () {
    return $.trim($(this).find("td").eq(0).text()) === "5"
}).show();
}
});

我有一个错误

Uncaught SyntaxError: Unexpected token ===

if语句中有一个额外的')'。此版本应该有效:

$("#example").on("click", function() {
  if (
    $(this)
      .find("td")
      .eq(0)
      .text() === "4"
  ) {
    var $rowsNo = $("#table tbody tr")
      .hide()
      .filter(function() {
        return (
          $.trim(
            $(this)
              .find("td")
              .eq(0)
              .text()
          ) === "4"
        );
      })
      .show();
  } else {
    var $rowsNo = $("#table tbody tr")
      .hide()
      .filter(function() {
        return (
          $.trim(
            $(this)
              .find("td")
              .eq(0)
              .text()
          ) === "5"
        );
      })
      .show();
  }
});

最新更新