jQuery (JS) error: ReferenceError: Can't find variable: If

jQuery (JS) error: ReferenceError: Can't find variable: If

我一直收到这个

"ReferenceError: Can't find variable: If"

        $(document).ready(function() {

            var row_count = 1;
            var row_tbody = $(".rows").find('tbody');
            var add_row_btn = $(".add_row");
            var rmv_row_btn = $(".rmv_row");

            $(add_row_btn).click(function() {
                $(row_tbody).append('<tr><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td></tr>');
                $(row_tbody).append('');
                $(row_tbody).append('');
                $(row_tbody).append('');
                row_count++;
            });


                    $(rmv_row_btn).click(function() {
                        If(row_count != 1)
                            $(".rows").find('tbody').find('tr').last().remove();
                });

        });

我四处搜索,发现这个错误的人是:

但这些对我来说似乎不是问题(据我所知)

所以我通常更喜欢找到答案而不是寻求答案,但我被困在这里有一段时间了,所以我在这里问。我希望我不会因为缺少一些明显的规范而被责骂(这是我第一次问)。

谢谢

你的行有错误

If(row_count != 1) // If with big letter I

改为

if(row_count != 1)

请更改

的大小写
If(row_count != 1)

if(row_count != 1)
^

If 无法识别。请改用小写 if

问题是 If 打错了。您打算写 if(注意大小写)。

像这样:

if (row_count != 1) {
  $(".rows").find("tbody").find("tr").last().remove();
}

这是您要完成的工作示例:

$(document).ready(function() {
  var row_count = 1;
  var row_tbody = $(".rows").find("tbody");
  var add_row_btn = $(".add_row");
  var rmv_row_btn = $(".rmv_row");

  $(add_row_btn).click(function() {
    $(row_tbody).append(
      '<tr><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td></tr>'
    );
    $(row_tbody).append("");
    $(row_tbody).append("");
    $(row_tbody).append("");
    row_count++;
  });

  $(rmv_row_btn).click(function() {
    if(row_count != 1) {
      $(".rows").find("tbody").find("tr").last().remove();
    }
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="add_row" type="button">Add row</button>
<button class="rmv_row" type="button">Remove row</button>

<table class="rows">
  <tbody></tbody>
</table>

需要说明的是,您的代码段中存在区分大小写的问题。
只需将您的 If(如图所示)更改为小写的 if (i)。