Ошибка при получении .last()

Question

У меня есть this structure

Я хочу, чтобы получить последнее сообщение, им пытаются использовать .last функцию():

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

Но JQuery возвращает все результаты внутри div, а не последний результат. Кто-то знает, почему я получаю эту ошибку? (Селектор прав, я получаю результат, но я не получаю последнее) Спасибо!

Answer 1

$(document).ready(function(){ 

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

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

Здесь работает fiddle

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> 

Answer 2

find('#load-msgs') будет использовать только целевой элемент с идентификатором load-msgs. Вам нужно будет настроить немедленные дочерние div внутри элемента #load-msgs, а затем использовать последний селектор или метод для возвращаемого набора div.

также как идентификаторы уникальны, вам не нужен переключатель #user-chat, а затем найдите в нем элемент. Вы можете непосредственно получить элемент, используя селектор ID #load-msgs:

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

Answer 3

Попробуйте это:

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

Answer 4

find('#load-msgs').last() - возвращает последний элемент коллекции элементов с ID load-msgs который является недействительным /абсурдным/ненужными. Вам нужны дети.

Использование,

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

или

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