How do I use multiple commands with jQuery?

Question

I am having a problem using multiple jQuery commands.

My code:

$('td[background="/images/PBox_Border_Left.gif"]').remove();
$('td[background="/images/PBox_Border_Bottom.gif"]').remove();
$('td[background="/images/PBox_Border_Right.gif"]').remove();

How do i separate these so they all work? Thanks.

If they all work individually, they should all work together like that. — icktoofay
– icktoofay, Commented Dec 10, 2011 at 23:59

Fatih Acet · Accepted Answer · 2011-12-11 00:05:04Z

3

Just seperate rules with comma.

$('td[background="/images/PBox_Border_Left.gif"], td[background="/images/PBox_Border_Bottom.gif"], td[background="/images/PBox_Border_Right.gif"]').remove();

I suggest you should use them with combined version, it will work more faster than working the same method line by line.

edited Dec 11, 2011 at 0:05

answered Dec 10, 2011 at 23:59

Fatih Acet

29.8k9 gold badges55 silver badges58 bronze badges

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

Comments

Jasper · Accepted Answer · 2011-12-11 00:11:48Z

3

You can use multiple selectors if you separate them by commas (all in the same string):

$('td[background="/images/PBox_Border_Left.gif"], td[background="/images/PBox_Border_Bottom.gif"], td[background="/images/PBox_Border_Right.gif"]').remove();

Docs: http://api.jquery.com/multiple-selector/

There is also the .add() function:

$('td[background="/images/PBox_Border_Left.gif"]').add('td[background="/images/PBox_Border_Bottom.gif"]').add('td[background="/images/PBox_Border_Right.gif"]').remove();

Docs: http://api.jquery.com/add

edited Dec 11, 2011 at 0:11

answered Dec 10, 2011 at 23:59

Jasper

76.1k14 gold badges153 silver badges148 bronze badges

Comments

craniumonempty · Accepted Answer · 2011-12-11 01:25:48Z

2

If you want to search for all td with backgrounds that start with "/images/PBox_Border_" you can do this:

$('td[background^="/images/PBox_Border_"]').remove();

You could also check to make sure it's a gif as well:

$('td[background^="/images/PBox_Border_"]')
   .filter('td[background$=".gif"]')
   .remove();

I just had to use a search like that, so just in case you need the info.

edited Dec 11, 2011 at 1:25

answered Dec 11, 2011 at 0:26

craniumonempty

3,5352 gold badges22 silver badges18 bronze badges

Collectives™ on Stack Overflow

How do I use multiple commands with jQuery?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related