Проверьте содержимое DIV, чтобы увидеть, если он соответствует - JS

Question

У меня есть диалоговое окно функции на приложение Делаю сообщения выводятся в HTML дивы, как это:

<div class="chat-message error">Message example here</div> 
<div class="chat-message error">Message example here</div> 
<div class="chat-message error">Latest message</div> 

Я хочу, чтобы проверить последнее сообщение в javascript и посмотреть, совпадает ли он с предыдущим, если он ничего не делает, если не запускает мой существующий код диалога. Новые сообщения чата хранятся в переменной с именем chatBoxMessage.

Я думаю, что мне нужно что-то вроде этого -

oldMsg = $('.chat-message').html(); 
if (oldMsg == chatBoxMessage) { 
    //do nothing 
} else { 
    dialog code 
} 

Answer 1

Вы можете использовать JQuery последний метод:

oldMsg = $('.chat-message').last().html(); 

Answer 2

вы можете использовать JQuery last и prev

var lastMessage = $('.chat-message').last(); 
var previousMessage = lastMessage.prev(); 

console.log(lastMessage.text() === previousMessage.text()); 

Answer 3

Ваш oldMsg переменная содержит массив всех элементов с классом chat-message. Поэтому лучше значимое имя для этой переменной должно быть chatMsgs

var chatMsgs = $('.chat-message'); 
var msgsLen = chatMsgs.length; 

Теперь ваш oldMsg будет.

var oldMsg = chatMsgs[msgsLen - 1].text(); // Remember array indexes are zero based 

Или, если вы думаете, что это слишком много манипуляций массива можно использовать более простой метод last() JQuery (Как отметил @Shai). То, что он делает, возвращает последний элемент из массива элементов. Так,

var oldMsg = $('.chat-message').last().text(); 

теперь счастливо сделать ваш кондиционер ..

if (oldMsg === chatBoxMessage) { 
    // do nothing 
} 
else { 
    // dialog code 
}