如何在jQuery中循环遍历所有具有不同id的标记？

Question

我希望使用jquery遍历django表单集，该表单集具有id。

id="id_lines-0-label"
id="id_lines-0-description"
id="id_lines-1-label" 
id="id_lines-1-description"
id="id_lines-2-label"
id="id_lines-2-description"
id="id_lines-3-label"
id="id_lines-3-description
# and so on.

有一个添加按钮，可以向表单集中添加表单。因此，应只迭代已添加的表单。

我已更新我的问题。我的HTML具有字段标签和描述，其ID如上所示，并且我只想选择具有标签ID的字段。

- Mike Pinkman

---

尝试使用 $("[id^='#id_lines-']")，这将选择所有以 #id_lines-0 开头的元素。另外，请确认该 ID 是否以 # 开头。 - Carsten Løvbo Andersen

$('[id^="id_lines"]').each(function() { //your function }); - King Reload

可能是使用jQuery进行部分匹配的重复问题？ - freedomn-m

Answer 1

您可以使用 substring 选择器来获取具有给定子字符串的所有元素。例如，假设我们有一个带有这些 id 的 div，那么您可以使用 div[id*='id_lines-'] 选择器来获取所有具有该模式的元素：

$(document).ready(function(){
  $( "div[id*='id_lines-']" ).each(function(index){
    var id = $(this).attr('id');
    //select only label with id that has label text in its id
    if(id.indexOf('-label') !== -1){
      $(this).html('This is selected label id = '+id);
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="#id_lines-0-label"></div>
<div id="#id_lines-0-description"></div>
<div id="#id_lines-2-label"></div>
<div id="#id_lines-3-description"></div>
<div id="#id_lines-3-label"></div>
<div id="#id_lines-3-description"></div>
<div id="#id_lines-3-label"></div>

- Ankit Agarwal

---

我已经更新了我的问题，请随意更新你的答案。 - Mike Pinkman