Combining jquery selectors

Question

I want to select #one, #two and the siblings of #two. Is there a more elegant solution that what I have?

     $('#one, #two').click(function(e){
         e.stopPropagation();
     });

     $('#two').siblings().click(function(e){
         e.stopPropagation();
     });

Andreas Eriksson · Accepted Answer · 2012-01-26 13:34:36Z

2

The multiple selector exists;

$("#one, #parentIdOfTwo > *").click(function(e) { 
    e.stopPropagation();
});

Lot faster, too.

edited Jan 26, 2012 at 13:34

answered Jan 26, 2012 at 10:10

Andreas Eriksson

9,0278 gold badges52 silver badges66 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Felix Kling Over a year ago

Just note that this is not equivalent to the OPs code. It will also add the event handler to all descendants of #parentIdOfTwo. Better would be #parentIdOfTwo > *.

Andreas Eriksson Over a year ago

You are absolutely correct, Mister Kling. I've updated my answer accordingly.

moey Over a year ago

Maybe it's just me, but it took me a while to understand why we need to go one level up.

ShankarSangoli · Accepted Answer · 2012-01-26 10:22:47Z

1

Try this. Take a look I am using andSelf which add the previous set of elements on the stack to the current set, really helpful in your case here.

$('#one').add($('#two').siblings().andSelf()).click(function(e){
      e.stopPropagation();
});

edited Jan 26, 2012 at 10:22

answered Jan 26, 2012 at 10:12

ShankarSangoli

69.9k13 gold badges96 silver badges124 bronze badges

4 Comments

Royi Namir Over a year ago

like my solution :) I also thought about andSelf function but with no success

Mathias Bynens Over a year ago

Heads up — there’s a small typo in your code sample: it should be andSelf, not addSelf.

ShankarSangoli Over a year ago

@MathiasBynens - Thanks for letting me know before people dv it :P

Mathias Bynens Over a year ago

@ShankarSangoli No worries :) It was obviously a typo, since your textual description used the correct name.

Royi Namir · Accepted Answer · 2012-01-26 10:13:40Z

0

 $('#one, #two').add($('#two').siblings()).click(function(e){
         e.stopPropagation();
     });

answered Jan 26, 2012 at 10:13

Royi Namir

149k145 gold badges502 silver badges833 bronze badges

Comments

Mathias Bynens · Accepted Answer · 2012-01-26 10:14:52Z

0

You could use:

$('#one, #two').add($('#two').siblings()).click(function(event) {
  event.stopPropagation();
});

…or:

$('#one').add($('#two').parent().children()).click(function(event) {
  event.stopPropagation();
});

answered Jan 26, 2012 at 10:14

Mathias Bynens

151k54 gold badges224 silver badges254 bronze badges

Collectives™ on Stack Overflow

Combining jquery selectors

4 Answers 4

3 Comments

4 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related