设置jQuery的顶级元素节点

Question

I have the below page layout:

<div class="content">
    <div class="main-content profile0">
        <div class="messages">
        </div>
        <div class="moreinfo">
        </div<
    </div>

    <div class="main-content profile1">
        <div class="messages">
        </div>
        <div class="moreinfo">
        </div<
    </div>

</div>

Currently I have been doing things like

$('.messages').remove();

but I need to be able to set which div is actually the parent, so I can tell jquery to only look at the childer of the div "main-content profile1"

So that then

$('.messages').remove();

refers to the child of "main-content profile1" and not "main-content profile0"

Answer 1

您可以像这样使用find（）

$('.main-content.profile1').find('.messages').remove();

Answer 2

正如AmmarCSE所说，您可以使用find（），但也可以只更改选择器。

$('.main-content.profile1 .messages')