Question

好的我是jQuery的新手，点击后卡在.remove()上

jQuery的：

$(document).ready(function () {
  $('.remove_group').click(function(){
    var remove_group_name = $(".test").val();
      $("#group_users["+remove_group_name+"][]").remove();
  });
});

HTML表单：

<input type="text" class="test" name="group_users[test][]" id="group_users[test][]" value="test"> <a href="#" class="remove_group" id="test">Remove Group</a>

我希望单击“删除组链接”时删除输入字段，当我点击它时，我得到的只是移动到顶部的网页...

页面上唯一的警告是：Expected attribute name or namespace but found ']'.

Answer 1

HTML文档中的ID不能包含方括号（[]）。来自HTML spec：

ID和NAME令牌必须以字母（[A-Za-z]）开头，后面可以跟任意数量的字母，数字（[0-9]），连字符（“ - ”），下划线（“ _“），冒号（”：“）和句号（”。“）。

实际上，您应该将自己限制为字母，数字，连字符和下划线。

Answer 2

首先，您的ID包含非法字符（请参阅lonesomeday的答案）现在，如果您始终在输入旁边有链接，则可以编写类似this

的内容

还有一件事，关于点击链接时页面滚动到顶部，这是因为您没有通过使用以下任一方法阻止默认的 LINK 行为： e.preventDefault;或return false;

Answer 3

使用调试器并在“.remove（）;”之前确保选择器。实际上找到了一些东西最有可能的是，这是不正确的。（为什么最后有空“[]”？）

Answer 4

尝试调试器：

为什么班级名称和价值相同

jquery删除表单输入字段

4 个答案: