rodzic vs najbliższy

Dlaczego to działa:

<code>$('.button_30').click(function(){
    $(this).closest('.portlet').find('.portlet_content').text("foo");
});​
</code>

dlaczego to nie działa:

<code>$('.button_30').click(function(){
    $(this).parent('.portlet').find('.portlet_content').text("foo");
});​
</code>

gdzie HTML wygląda mniej więcej tak:

<code><div class="portlet portlet_30">

    <div class="portlet_header portlet_header_30">
        header content here
    </div>

    <div class="portlet_sub_header portlet_sub_header_30">
        <input type="text" class="textbox_30" />
    </div>

    <div class="portlet_content portlet_content_30">
        results go here
    </div>

    <div class="portlet_footer portlet_footer_30">
        <input type="button" class="button_30" />
    </div>

</div>

<div class="portlet portlet_30">

    <div class="portlet_header portlet_header_30">
        header content here
    </div>

    <div class="portlet_sub_header portlet_sub_header_30">
        <input type="text" class="textbox_30 />
    </div>

    <div class="portlet_content portlet_content_30">
        results go here
    </div>

    <div class="portlet_footer portlet_footer_30">
        <input type="button" class="button_30" />
    </div>

</div>
</code>

questionAnswers(7)

yourAnswerToTheQuestion