JQuery Selectors: Select element with specific class and 'href' attribute using "contains:"

Question

I need to modify the following code (which works fine):

if ($("#cartable-items .cart-trigger[href='AC^ATZ^A10^4200']")) {

alert('Found it!');

}

To use the "contains:" selector like this:

if ($("#cartable-items .cart-trigger[href:contains('ATZ^A10')]")) {

alert('Found it!');

}

Is this possible?

Thanks!

Jason

*Why* do you need to modify that to use the `:contains()` selector? — David Thomas, Dec 13 '12 at 22:56

score 4 · Accepted Answer · answered Dec 13 '12 at 22:56

4

Yes.. use the *= (Attribute contains word selector) - You can read more about the selectors here http://api.jquery.com/category/selectors/

$("#cartable-items .cart-trigger[href*='ATZ^A10']")

answered Dec 13 '12 at 22:56

wirey00

Thanks wirey. I'm getting the following error with this code though: – Jason Eyebe Dec 13 '12 at 23:07
Uncaught SyntaxError: Unexpected identifier – Jason Eyebe Dec 13 '12 at 23:07
Its OK I've worked it out. I was stupidly missing the extra parenthesis to handle my "if" statement. Thank you! – Jason Eyebe Dec 13 '12 at 23:18

score 1 · Answer 2 · edited Nov 13 '20 at 21:16

1

This approach will also work. Here, the anchor tag has some class with href tag and also has the data-open attribute:

$('.topnav-utility-item-link[href*="/VFLogonFormHopUp"][data-open]')

edited Nov 13 '20 at 21:16

Jeremy Caney

answered Nov 13 '20 at 20:30

Vinay Dixit

2 Answers2