jQuery如何在选择器列表上应用

Question

I'm newby with Jquery and I'm trying to find out how to apply on a list of selectors. Sometimes I need to be able to differentiate c1,c2 and c3. For others I'd like to apply to the three something

$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

How it's possible to do this ?

Answer 1

只需用逗号分隔选择器

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

Answer 2

Try $containers = $c1.add($c2).add($c3); .

Answer 3

I would consider using both id and class selectors for this. If all elements have, say, a widget-container class you could do:

$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

Basically, if you know you're going to want to select a single thing, grab it by Id . Otherwise, grab all of the same kind by selecting by class