来自$（this）.attr的selector jquery

Question

我有一些复选框。当我选择其中一个时，我需要在列表中添加一个新元素。

我在jQuery中实现了一个更改功能。当我选中一个复选框时，它会像我想要的那样在列表中添加元素，但是当我取消选中它时，它不会删除元素。

列表ID为sumary，复选框和列表中的元素具有相同的属性name。

要删除我已尝试过此功能但不起作用：

$("#sumary").find("li[name=$(this).attr('name')]").remove();

如果我对$(this).attr('name')的值进行硬编码，则可以解决问题：

$(this).attr('name')

解决方案是什么？

Answer 1

Javascript不解析字符串中的变量，因此您需要将变量连接到其中。尝试：

$("#sumary").find("li[name='" + $(this).attr('name') + "']").remove();

Answer 2

这只是修复你的报价的问题：）

$("#sumary").find("li[name='" + $(this).attr('name') + "']").remove();

Answer 3

尝试：

 $("#sumary").find("li[name="+$(this).attr('name')+"]").remove();

Answer 4

字符串串联救援！

$("#sumary").find("li[name='" + $(this).attr('name') + "']").remove();