JQuery цикл через элементы DOM и удалить

Question

У меня есть некоторые элементы 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]">

Как я могу использовать функцию $.each jquery для их обхода и удаления каждого элемента DOM, заканчивающегося [pics][02].

Answer 1

Вы можете использовать окончание с селектором $=, а полный селектор может быть просто как:

'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('Length BEFORE remove : ' + $('input[type="hidden"]').length);

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

console.log('Length AFTER remove : ' + $('input[type="hidden"]').length);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<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]">