Question

在我的网页中，我的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>

提前致谢。

Answer 1

你在同一个element.selector中有多个类，最后一项是.message_box.vlistngbox.item:last。你需要使用：

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

Answer 2

您可能在.和item之前错过了vlistngbox类选择器。同时删除删除这些类之间的space以选择包含所有这些类的元素。

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

Answer 3

使用last

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

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

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

3 个答案: