復選框已選中以刪除子div

Question

我正在使用jQuery並刪除了一個子div，它是來自其父項的控件。 我首先嘗試使用此方法：

  $("[id^=SelectedUser]:checked").each(function () { //.val() contains numberical index of div to remove. $('#SUser' + $(this).val()).remove(); }); 

但這不會刪除該元素。

我發現這有效：

  $("[id^=SelectedUser]:checked").each(function () { $(this).parent().parent().remove(); }); 

誰能向我解釋為什么我的原始概念不起作用？

Answer 1

$this.val()返回復選框的值。 您確定這些數字與div的ID一致嗎？ 似乎是唯一可以找到您的代碼“錯誤”的東西。 另外，您的數值是字符串格式，正確的不是整數，正確嗎？

Answer 2

這是HTML。

這將生成包含用戶信息的子div標簽。 這些被加載到ID為“ SelectedSelections”的靜態div中。

  $("#SelectedSelections").append("<div id='SUser" + counter + "' class='SelectedUsersRow'><div class='RowControl'><input type='checkbox' id='SelectedUser" + counter + "' value='" + index + "' onclick='enableDisableButtons(\\"REMOVESELECTIONS\\");'/></div><div class='RowContent'>" + $("#displayString" + index).html() + "</div>" + "<input type='Hidden' id='slastName" + counter + "' value='" + $("#lastName" + index).val() + "' />" + "<input type='Hidden' id='sCalledName" + counter + "' value='" + $("#CalledName" + index).val() + "' />" + "<input type='Hidden' id='sEmail" + counter + "' value='" + $("#Email" + index).val() + "' />" + "<input type='Hidden' id='sDom" + counter + "' value='" + $("#Dom" + index).val() + "' />" + "<input type='Hidden' id='sID" + counter + "' value='" + $("#ID" + index).val() + "' />" + "<input type='Hidden' id='sPhone" + counter + "' value='" + $("#Phone" + index).val() + "' /></div>");