jquery - 是否可以使用带有连接变量的 querySelector 选择 DOM 元素？

Question

是否可以使用串联变量来选择 DOM 元素？

这是我尝试过的基本代码:

var customColor ="";
var customID = "#customPort-1-colorStyle";

$(".colorStyle input:radio").change(function() { 
customColor = document.querySelector(customID + '-colorStyle' + ' ' +  input:checked);
alert(customColor.value);
});

这是一个 CodePen 示例(不起作用): https://codepen.io/jinch/pen/VVqgqo?editors=1010

非常感谢任何想法或建议。

Answer 1

是的，这是可能的。您的笔无法工作的原因是您使用 - 而不是 . 来指示类，并且您的 input:checked 应该是用引号引起来。

这样，你的 js 就可以变成:

var customColor ="";
var customID = "#customPort-1-colorStyle";

$(".colorStyle input:radio").change(function() {
  customColor = document.querySelector(customID + '.colorStyle input:checked');
  alert(customColor.value);
});

https://codepen.io/anon/pen/jQXJxv