Skip to main content
 首页 » 编程设计

jquery之如何循环遍历 jquery 中具有不同 id 的所有标签

2026年04月16日957bonelee

我想使用 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 中有标签的字段。

请您参考如下方法:

您可以使用substring选择器来获取具有给定子字符串的所有元素。举个例子,假设我们有一个带有这些 iddiv ,那么您可以使用 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>