Javascript jQuery通过DOM元素循环并删除

我有一些像这样的HTML元素

<input type="hidden" name="combos[0][pics][01]">
<input type="hidden" name="combos[0][pics][02]">
<input type="hidden" name="combos[1][pics][01]">
<input type="hidden" name="combos[1][pics][02]">
<input type="hidden" name="combos[2][pics][01]">
<input type="hidden" name="combos[2][pics][02]">

---

如何使用jquery的

$。每个

函数循环遍历这些元素并删除以

[pics][02]

结尾的每个DOM元素

您可以使用结束于选择器

$=

，完整的选择器可以如下所示：

'input[type="hidden"][name$="[pics][02]'

您不需要循环：

$('input[type="hidden"][name$="[pics][02]').remove();

在选择器结果上调用

remove（）

函数将全部删除

注意：正如@David Thomas的评论所说，可以使用纯JS来完成，比如：

 document.querySelectorAll('input[type=hidden][name$="[pics][02]"').forEach((el)=>el.remove());

console.log（'remove之前的长度：'+$（'input[type=“hidden”]'）.Length）；
$（'input[type=“hidden”][name$=“[pics][02]”。删除（）；
console.log（'remove后的长度：'+$（'input[type=“hidden”]'）.Length）；

您不需要显式地使用它们。只需找到它们，然后使用remove（）。jQuery将在整个结果堆栈上隐式地使用它们。虽然这是一个jQuery问题，但值得指出的是，这在普通JavaScript中是很有可能的：

document.querySelectorAll（'input[type=hidden][name$=“[pics][02]”）。forEach（（el）=>el.remove（））；

感谢您的干预，您的建议现在添加到了答案中…@DavidThomas很高兴看到有人建议使用js等价物，而不是完全信教，并且在有js版本且我们所有的jquery开发人员都在欺骗我们自己的情况下，咆哮使用jquery作为一行程序是多么毫无意义yada:）@freedomn-m：我是那些几乎完全是在使用jQuery的过程中偶然学会JavaScript的人之一，并且在这里问了很多关于jQuery的问题，因此批评其他人更喜欢/使用jQuery是完全虚伪的。我现在更喜欢纯JavaScript，并且相信，在ES6中，对jQuery的需求正在减少，但我不这么认为我仍然不会试图强迫人们改变他们喜欢的工作流程。不过，在这个例子中，更多的是创建一个更完整的答案，以减少未来的重复…：）