如何在jQuery中定位无ID或类属性的特定表单标签

看起来你遇到的是动态添加表单字段后，标签的点击切换功能失效的问题——这通常是因为原有的事件绑定只针对页面加载时存在的元素，动态生成的新元素没被绑定上事件，或者标签和输入框的关联关系没正确对应。结合你不能修改HTML添加ID/类的限制，给你几个可行的解决方案：

1. 用事件委托重新绑定标签的点击事件 #

因为你是动态添加的字段，直接用click()绑定事件不会生效，得用jQuery的事件委托机制，把事件绑定到一个已经存在的父元素上（比如表格或者表单本身）。假设你的标签是带有bsd-dynamic-toggle-section-c类名的元素（根据你提供的代码片段推测），可以这样写：

jQuery(document).ready(function($) {
  // 用事件委托绑定到静态存在的父元素（比如表格/表单），替换成你页面实际存在的父选择器
  $('table').on('click', '.bsd-dynamic-toggle-section-c', function(e) {
    e.preventDefault();
    // 根据实际DOM结构调整选择器，找到要显示/隐藏的目标区域
    // 示例：通过父容器查找目标内容
    $(this).closest('.toggle-group').find('.bsd-dynamic-toggle-content').toggle();
  });
});

注意：上面的选择器需要你根据实际DOM结构调整——比如.bsd-dynamic-toggle-content是要切换的字段容器类名，父元素选择器必须是页面加载时就存在的元素（比如表单的静态类、表格的默认选择器）。

2. 修正标签与输入框的关联（如果for属性不匹配） #

有时候动态生成的标签for属性和输入框的id没对应上，导致点击标签时无法触发输入框的状态变化（进而影响显示/隐藏逻辑）。你可以用jQuery动态修正这个关联：

jQuery(document).ready(function($) {
  // 遍历所有动态添加的切换标签
  $('.bsd-dynamic-toggle-section-c').each(function() {
    // 根据实际结构找到对应的输入框（比如相邻的复选框/单选框）
    var targetInput = $(this).siblings('input[type="checkbox"]').first();
    if (targetInput.length) {
      // 给标签设置正确的for属性，与输入框id一致
      $(this).attr('for', targetInput.attr('id'));
    }
  });

  // 同时绑定输入框的change事件来控制显示/隐藏
  $('form').on('change', 'input[type="checkbox"]', function() {
    $(this).closest('.toggle-group').find('.hidden-fields').toggle(this.checked);
  });
});

3. 重新触发表单构建器的初始化函数 #

如果你的表单构建器原本有初始化显示/隐藏功能的内置函数，你可以在添加完新字段后重新调用它，确保动态字段被正确绑定事件：

jQuery(document).ready(function($) {
  // 假设表单构建器的初始化函数叫 initDynamicToggles
  function initDynamicToggles() {
    // 先解绑旧事件，避免重复绑定
    $('.bsd-dynamic-toggle-section-c').off('click').on('click', function(e) {
      e.preventDefault();
      $(this).toggleClass('active');
      $(this).next('.toggle-content').toggle();
    });
  }

  // 页面加载时先初始化一次
  initDynamicToggles();

  // 如果是通过按钮触发添加字段，给添加按钮绑定事件，完成后重新初始化
  $('.add-new-field-btn').on('click', function() {
    // 延迟执行确保字段已插入DOM
    setTimeout(function() {
      initDynamicToggles();
    }, 150);
  });
});

关键提醒：处理动态元素的核心是事件委托，直接绑定的事件只会作用于页面加载时存在的元素。另外一定要根据你实际的DOM结构调整选择器，确保能准确找到标签对应的目标区域或输入框。

内容的提问来源于stack exchange，提问作者MikeL5799