无法选择具有类名的最后一个元素：JQuery

Posted 2023-05-09

【中文标题】无法选择具有类名的最后一个元素：JQuery

【英文标题】：Cannot select the last element with class name : JQuery

【发布时间】：2014-07-18 19:29:13

【问题描述】：

在我的网页中，我的 div 具有相同的类名 message_box vlistngbox item。我在页面的滚动事件中调用了一个 ajax 函数，我想在最后一个带有 message_box vlistngbox item 类的 div 之后附加响应。

我试过了，

$("#masnrycontainer .message_box vlistngbox item:last").after(response);

但它没有被附加，因为它未能选择最后一个类名为 message_box vlistngbox item 的 div。谁能帮我选择最后一个 div 吗？

我在下面分享我的 html 代码部分：

<div class="main_content_wrapper">
    <div class="mainpading">
        <div class="mainwraper main_msnry">
            <div class="left_wrapper">
                <div class="inside_left_wrapper">
                      <div class="user_accountlinks">
                                <!-- I have menus in my page here -->
                       </div>
                        <div class="useracntmenuresponsive"><i class=" ico_color2 fa fa-list"></i></div>
                    <!-- for Responsive Menu Ends -->
                </div>
            </div>
            <div class="main_content_wraper">
                <div class="inside_mainconatinerwrap">
                    <div class="msnry" id="masnrycontainer">
                        <div class="message_box vlistngbox item">
                                   <!-- Content -->
                        </div>
                        <div class="message_box vlistngbox item">
                                <!-- Content -->
                        </div>
                        <div class="message_box vlistngbox item">
                                <!-- Content -->
                        </div>
                     </div>
                 </div>
           </div>
     </div>
   </div>

提前致谢。

【参考方案1】：

你在同一个元素中有多个类。最后一项的选择器将是.message_box.vlistngbox.item:last。你需要使用：

$("#masnrycontainer .message_box.vlistngbox.item:last").after(response);

【讨论】：

@Jenz：确实应该:)

【参考方案2】：

您可能在item 和vlistngbox 之前错过了. 用于类选择器。还要删除删除这些类之间的space 以选择具有所有这些类的元素。

$("#masnrycontainer .message_box.vlistngbox.item:last").after(response);

【讨论】：

这个.message_box vlistngbox 不起作用。两个类都存在于同一个元素中

谢谢@MilindAnantwar，错过了。

【参考方案3】：

使用last

$('.message_box').last().html();

这将选择最后一个 div html ....你现在可以用这个 div 做任何事情