Javascript 获取.last（）时出错

我有

我想获取最后一条消息，我正在尝试使用.last（）函数：

$('#user-chat-' + data.de).find('#load-msgs').last().html()

但是jquery返回div中的所有结果，而不是最后一个结果。有人知道我为什么会犯这个错误吗？（选择器正确，我得到结果，但我没有得到最后一个） 谢谢

find（'#load msgs'）

将只针对id为load msgs的元素。您需要以

元素中的直接子div为目标，加载msgs

元素，然后对返回的div集使用最后一个选择器或方法

此外，由于ID是唯一的，您不需要选择

#用户聊天

选择器，然后在其中查找元素。您可以使用id选择器直接获取元素

#加载MSG

：

$('#load-msgs > div').last().html()

试试这个：

$('#user-chat-' + data.de).find('#load-msgs').children('div').last().html();

find（“#load msgs”）.last（）

-返回ID为

load msgs

的元素集合的最后一个元素，该元素无效/荒谬/不必要。你需要孩子

使用

或

这是工作票

脚本中的html：

<div class="row" id="load-msgs">
    <div class="col-md-10 col-sm-12 col-xs-12 ">
        <span class="message-box message-other" data-toggle="tooltip" data-placement="right" title="18:28">
         lewpwa </span>
    </div>


    <div class="col-md-10 col-sm-12 col-xs-12 ">
        <span class="message-box message-other" data-toggle="tooltip" data-placement="right" title="18:28">
         oppa   </span>
    </div>


    <div class="col-md-10 col-sm-12 col-xs-12 ">
        <span class="message-box message-other" data-toggle="tooltip" data-placement="right" title="18:36">
         oppa   </span>
    </div>


    <div class="col-md-10 col-sm-12 col-xs-12 ">
        <span class="message-box message-other" data-toggle="tooltip" data-placement="right" title="18:36">
         oppa   </span>
    </div></div>

卢普瓦
奥帕
奥帕
奥帕

你的提琴似乎没有显示所有的codeGet last

div

$（“#用户聊天-”+data.de）。查找（“#加载msgs div”）.last（）.html（）

欢迎使用堆栈溢出！问题的全部内容必须在问题中，而不仅仅是链接。链接会腐烂，使得问题及其答案对未来的人们来说毫无用处，人们不应该非得离开网站去帮助你。提出一个问题，最好使用堆栈片段（工具栏按钮）使其可运行。更多：这是无效的，它是有效的。。。它只是多余的或不必要的，但它是valid@Tushar，我的意思是无效的，不必要的，因为具有相同ID的多个元素是无效的标记。@ShaunakD您不需要使用父层次结构中已有的

find

Unique ID

load msgs

（“#load msgs”）.last（）.html（）应该work@Tushar：如何在多个元素上使用相同的

id

远程有效？From:“该值在元素的主子树中的所有ID中必须是唯一的…”

find('#load-msgs').children().last()

    $(document).ready(function(){

           $("#load-msgs").last().find('div span').html()

//OR
           $("#load-msgs div span").last().html()    
    })

<div class="row" id="load-msgs">
    <div class="col-md-10 col-sm-12 col-xs-12 ">
        <span class="message-box message-other" data-toggle="tooltip" data-placement="right" title="18:28">
         lewpwa </span>
    </div>


    <div class="col-md-10 col-sm-12 col-xs-12 ">
        <span class="message-box message-other" data-toggle="tooltip" data-placement="right" title="18:28">
         oppa   </span>
    </div>


    <div class="col-md-10 col-sm-12 col-xs-12 ">
        <span class="message-box message-other" data-toggle="tooltip" data-placement="right" title="18:36">
         oppa   </span>
    </div>


    <div class="col-md-10 col-sm-12 col-xs-12 ">
        <span class="message-box message-other" data-toggle="tooltip" data-placement="right" title="18:36">
         oppa   </span>
    </div></div>