在 jquery 选择器中将元素名称与属性名称连接起来

Question

我正在尝试将属性值传递给收音机名称，以区分我页面中的不同收音机组：

$("input:radio[name=myRadio+$(this).attr('data-id')]").change(function() {      
      //my code....
});

但我得到一些语法错误，请帮助正确的语法

Answer 1

您的连接语法不正确。 它应该如下所示：

$('input:radio[name="myRadio' + $(this).data('id') + '"]').on('change', function() {      
  // your code...
});

或者在 ES6 中：

$(`input:radio[name="myRadio${$(this).data('id')}"]`).on('change', function() {      
  // your code...
});

更好的是，不要在运行时构建选择器。 使用通用类按结构对元素进行分组，并使用 DOM 遍历方法在事件发生时将它们相互关联。