Question

I’ve read the documentation over and over and I can’t get why this doesn’t work:

From inside a function, calling the following:

alert($(this).parent().parent().html());

returns something looking like this:

<div class="something1">
    <div class="whereThisStarted">stuff</div>
    </div>
<div class="something2">stuff</div>
<div class="somethingSpecial">stuff</div>
<div class="something4">stuff</div>

I want to get “somethingSpecial”. It would seem to me that either of the following should work but they both return null.

alert($(this).parent().parent().children(".somethingSpecial").html());
alert($(this).parent().parent().filter("div.somethingSpecial").html());

What’s wrong with this?

Thanks

Answer 1

if you really must do it the way you want and not how TStamper showed, try this:

alert($(this).parent().parent().find("div.somethingSpecial").html());