jQuery - Not sure which method to use, closest() and parent() don't work.

Posted by Nike on Stack Overflow See other posts from Stack Overflow or by Nike
Published on 2010-04-18T21:24:26Z Indexed on 2010/04/18 21:33 UTC
Read the original article Hit count: 451

Filed under:
|

Hello, again. :)

God i feel like i'm spamming stackoverflow, this is my 3rd post for today. Sorry, heh.

I even posted a question regarding this before, kind of, but i've changed the code a bit since so i thought it was better to post a new question.

$('.pmlist ul li h4 .toggle').click(function() {
    $(this).closest('.meddel').toggle(250);
});

That's what i've got now. The reason why the closest() method isn't working is because the div .meddel is just next to the h4 element. And closest() only crawls right up the DOM tree, ignoring other child elements. Right? parent() works almost the same and doesn't work either.

And as i only want to toggle the closest .meddel div in the element, i need something that, yeah justs grabs the nearest one, and not all of them.

To clear it up a bit, here's the HTML for one list item:

<li class="item">

<h4><a class="toggle">ämne</a><small>2010-04-17 kl 12:54 by <u>nike1</u></small></h4>

<div class="meddel">
    <span>
        <img style="max-width: 70%; min-height: 70%;" src="profile-images/nike1.jpg" alt="" />
        <a href="account.php?usr=47">nike1</a>
    </span>

    <p>text</p>
</div>

</li>

I have several items like that, and if i click one toggle link, i just want the nearest .meddel to be toggled, as mentioned before.

Thanks. -Nike

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about traversal