How to select a span with multiple classes and placed inside an anchor?

Question

I'm in a situation where I need to bind a click event to a span (placed inside an achor having multiple classes) based on the classes applied to it.

For eg:

UPDATE: Added the html eg below

<div class="c0 c">
    <a class="c1 c2">
    <span class="c3 c4"></span>Anchor_Text
    </a>
</div>

Now I'm binding a click event as below:

$('span.c3.c4').click(function (e) { alert("clicked!"); });

The above jQuery code doesnt work. However if I use the classes on anchor to bind the click event, it works. Please see below:

$(.c1').click(function (e) { alert("clicked!"); });

$(.c2').click(function (e) { alert("clicked!"); });

Any help will be appreciated!

UPDATED: Please find the html example updated within the Q now.

BenM · Accepted Answer · 2013-01-24T17:03:38.840

0

Multiple classes should be selected like this:

$('span.c3.c4').parents('a').click(function (e) { alert("clicked!"); });

edited Jan 24 '13 at 17:03

answered Jan 24 '13 at 16:41

BenM

Thanks for a prompt reply Ben. Just realized that $('span.c3.c4').click(function (e) { alert("clicked!"); }); as well as the solution proposed by you works fine only when I click on the span portion of the link. However, when I click on the link text itsel, it doesnt work. I've also tried a.c3 & a.c4 as suggested, but that didnt work either. – Evolving Techie Jan 24 '13 at 16:47
Post your HTML structure please, because it's not clear how it's structured. – BenM Jan 24 '13 at 16:58
Updated the Q with html structure – Evolving Techie Jan 24 '13 at 17:00
OK, so you want the whole thing (as in the ``) to be clickable? – BenM Jan 24 '13 at 17:00
yes and is it possible to make it working by just using the span class? – Evolving Techie Jan 24 '13 at 17:02
Perfect, that works as expected. Really appreciate your help Ben. Thank you so much! – Evolving Techie Jan 24 '13 at 17:05

1 Answers1