JQuery如何应用于选择器列表

Question

我是Jquery的新手，我正在尝试了解如何应用于选择器列表。有时我需要能够区分c1、c2和c3。对于其他人，我想申请三岁左右的

$c1 = $div.find('#widget-row-c').sortedList();
$c2 = $div.find('#widget-col-c').sortedList();
$c2 = $div.find('#widget-filter-c').sortedList();
$containers = ?  // as $c1 + $c2 + $c3
$c1.doSomethingForC1();  // only for c1
$containers.doSomethingForC1C2C3();  // for all three

怎么可能做到这一点？

Answer 1

只需用逗号分隔选择器

var containers = $('#widget-row-c, #widget-col-c, #widget-filter-c');

Answer 2

尝试$containers = $c1.add($c2).add($c3);。

Answer 3

我会考虑同时使用id和class选择器。如果所有元素都有一个widget-container类，你可以这样做：

$c1 = $div.find('#widget-row-c').sortedList();
$c2 = $div.find('#widget-col-c').sortedList();
$c3 = $div.find('#widget-filter-c').sortedList();
$containers = $('.widget-container');
$c1.doSomethingForC1();  // only for c1
$containers.doSomethingForC1C2C3();  // for all three

基本上，如果你知道你要选择一个单一的东西，就用Id来获取它。否则，通过class