javascript - 删除多个字段和标签

Question

我是 jQuery 的新手，一直被特定问题难倒。我正在使用以下代码将 2 个复选框字段动态添加到屏幕表单:

var summon_search = "<br><br><br><label for='summon_search'>Search this resource from compatible products*</label><input type='checkbox' id='summon_search' >";
var summon_link = "<br><br><label for='summon_link'>Link direct from content items in compatible products*</label><input type='checkbox' name='summon_link'>";
$(summon_search+summon_link).insertAfter("#jstor_selection");

但是，当我想删除这些字段和标签(取决于另一个值)并用新字段替换它们时，我的成功有限。下面的代码显示了我迄今为止的最佳尝试。它似乎确实删除了标签和第一个字段，但由于某种原因，最后一个字段仍然存在。有人可以建议他们是否可以发现我做错了什么，或者提供一个更好的处理这个问题的例子吗？

if ($("#summon_search").length > 0 ) { 
    //Removal of Label and Field (Attempted) 
    $("label[for=summon_search]").remove();
    $("label[for=summon_link]").remove();
    $("#summon_search").remove();
    $("#summon_link").remove();

非常感谢任何反馈。

Answer 1

将 name='summon_link' 更改为 id='summon_link'，因为 #summon_link 需要一个 id。