Access element through this -> class selector

Question

If I want to access a div with class ccc withing div with ID iii, I can do

$('#iii .ccc').doStuff();

But how do I access a div with class ccc within this div?

$('this .ccc').doStuff() doesn't seem to work. The context I'm trying to use it in is as follows:

$('.substitute').each(function () {
    if (some condition) {
        $('this .subcaptain').addClass('team_captain');
    }
    cnt++;
});

"some condition" is met (tested by logging to console) but the team-captain class isn't assigned.

The HTML is a bunch of DIVs with the following structure:

<div class='substitute'>
    <div class='subcaptain'></div>
</div>

score 4 · Accepted Answer · answered Jun 08 '14 at 16:37

4

You can use:

$(this).find('.ccc').doStuff()

or

$('.ccc',this).find('.ccc').doStuff()

answered Jun 08 '14 at 16:37

Milind Anantwar

1

`$('this')` wouldn't this (try to) select an element with tagName `this` ? – Gaurang Tandon Jun 08 '14 at 16:38
Also, isn't `$('.ccc',this)` equal to `$(this)` ? https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Comma_Operator – Gaurang Tandon Jun 08 '14 at 16:40
1

No it is not. it find the element from first selector within element in second selector.The jQuery constructor accepts a 2nd parameter which can be used to override the context of the selection. – Milind Anantwar Jun 08 '14 at 16:41
Neither of those works for me. Any idea why that could be? The inside elements definitely exist. The inside one (with class `ccc`) is a span, not a div - though I doubt that should matter. – sveti petar Jun 08 '14 at 16:41
@MilindAnantwar Interesting! I didn't know this. – Gaurang Tandon Jun 08 '14 at 16:42
@jovan Share a fiddle if it matters please. – Gaurang Tandon Jun 08 '14 at 16:43
Never mind, I got it to work, thank you both. I will accept the answer in a few minutes. – sveti petar Jun 08 '14 at 16:44
1

@GaurangTandon: yes that is confusing and looks wrong as we are used to single selector. see this http://stackoverflow.com/a/306904/1719752 – Milind Anantwar Jun 08 '14 at 16:45

1 Answers1