JQuery find（）元素'；s与触发事件的元素位于同一个div中

我有一个联系请求系统的HTML：

<div class="request">
    <img src=" static/img/user/personalProfilePicture/mod_50_50/f31e80de993a4eff4561d5368fe0a7792c2cbfde.jpg " alt=" Hakan" class="requestPic" />
    <a href="#" class="requestName">Hakan Simsir</a>
    <!--<a href="../scrapll_m_nonstatic/process/cont/accept.php?uid1=68&uid2=66 " class="acceptRequest"></a>-->
    <button class="acceptRequest"></button>
    <div class="requestUnderline"></div>
    <div class="profilesList">
        <ul class="profilesListUl">
            <li class="profilesListLi">
                <span style="font: 15px sans-serif, arial; color: #777;">Add this person to a profile</span>
            </li>
            <li class="profilesListLi">
                <a href="../scrapll_m_nonstatic/process/cont/accept.php?uid1=68&uid2=66&p_id=1" class="profilesListA">Family</a>
            </li>
            <li class="profilesListLi">
                <a href="../scrapll_m_nonstatic/process/cont/accept.php?uid1=68&uid2=66&p_id=2" class="profilesListA">Friends</a>
            </li>
            <li class="profilesListLi">
                <a href="../scrapll_m_nonstatic/process/cont/accept.php?uid1=68&uid2=66&p_id=3" class="profilesListA">Work</a>
            </li>
        </ul>
    </div>
</div>
<div class="request">
    <img src=" static/img/user/personalProfilePicture/mod_50_50/f31e80de993a4eff4561d5368fe0a7792c2cbfde.jpg " alt=" Hakan" class="requestPic" />
    <a href="#" class="requestName">Hakan Simsir</a>
    <!--<a href="../scrapll_m_nonstatic/process/cont/accept.php?uid1=68&uid2=66 " class="acceptRequest"></a>-->
    <button class="acceptRequest"></button>
    <div class="requestUnderline"></div>
    <div class="profilesList">
        <ul class="profilesListUl">
            <li class="profilesListLi">
                <span style="font: 15px sans-serif, arial; color: #777;">Add this person to a profile</span>
            </li>
            <li class="profilesListLi">
                <a href="../scrapll_m_nonstatic/process/cont/accept.php?uid1=68&uid2=66&p_id=1" class="profilesListA">Family</a>
            </li>
            <li class="profilesListLi">
                <a href="../scrapll_m_nonstatic/process/cont/accept.php?uid1=68&uid2=66&p_id=2" class="profilesListA">Friends</a>
            </li>
            <li class="profilesListLi">
                <a href="../scrapll_m_nonstatic/process/cont/accept.php?uid1=68&uid2=66&p_id=3" class="profilesListA">Work</a>
            </li>
        </ul>
    </div>
</div>

但是，这段代码会影响两个请求元素的profilesList元素，但我只需要查看我单击的那个元素

有人能帮我解决这个问题吗？

你可以使用

最近的（）

查找最近的父项

。请求
，然后查找其中的任何内容

$(".acceptRequest").click(function(){
    $(this).closest(".request").find(".profilesList").show();
});

您可以使用
$（此）
将当前单击的
作为目标。acceptRequest
元素与一起使用，因为
.profilesList
是您的
.acceptRequest
的兄弟：

$(".acceptRequest").click(function(){
    $(this).parent().find(".profilesList").show();
});

获取匹配元素集中每个元素的同级，
可选地由选择器过滤

查看DOM结构，您可以使用
.parent（）
以及
.find（）
来获取
。概要文件列表
：

$(".acceptRequest").click(function(){
    $(this).parent().find(".profilesList").show();
});

@EhsanSajjad-当然可以，你可以用小提琴试试，它会的not@EhsanSajjad-加了一把小提琴！你的也行，我只是用上面那个人的密码，因为他的答案在最上面。谢谢你们两个！
$(".acceptRequest").click(function(){
    $(this).parent().find(".profilesList").show();
});