jQuery 中使用变量的多个动态选择器

Question

使用单个动态选择器我没有问题：

var answer_id = <?php echo $answer_id; ?>;

$('#a_flag_' + answer_id).click(function(e) {
        e.preventDefault();

         //Ajax etc...

但是如果我添加几个动态选择器，它们就不起作用（即 Firebug 控制台上没有错误，但单击时也没有任何操作）：

var answer_id = <?php echo $answer_id; ?>;

$('#a_flag_' + answer_id,'#a_comments_link_' + answer_id,'#a_best_answer_' + answer_id).click(function(e) {
        e.preventDefault();

         //Ajax etc...

知道我做错了什么吗？

Answer 1

您需要在带引号的常量字符串内使用逗号。

$('#a_flag_' + answer_id + ', #a_comments_link_' + answer_id + ',  #a_best_answer_' + answer_id).click(// ///

您最终想要得到的是一个看起来像这样的字符串，

"selector, selector, selector, ..."

因此您需要用逗号连接一堆字符串。

或者，您可以在字符串数组中构建单独的选择器，然后使用逗号分隔符（“.join()”的参数）“.join()”它们。

Answer 2

您应该将逗号放在字符串内部而不是外部，并且您忘记了加号。

$('#a_flag_' + answer_id + ', #a_comments_link_' + answer_id +',#a_best_answer_' + answer_id)

Answer 3

当它开始看起来太复杂时，它很可能就是这样。
FWIW：

var selectors = [
  '#a_flag_' + answer_id,
  '#a_comments_link_' + answer_id
  // etc.
]
$(selectors.join(", ")).click(...)

快乐编码。