Как правильно обращаться к крайнему элементу
Вложений: 1
Вложение 4159
При нажатие на кнопку отправления сообщения у меня создаётся маска для пользователя и для бота, но сообщение внутри маски бывают разные. Как правильно обратиться к крайнему элементу? Часть кода для добавления маски и текста из строки ввода. chatlog.append(maskUser); //добавление тегов let outputUser = $('.chat-mes-user:last-child'); // пытаюсь обратиться к крайнему элементу let input = user_input.val(); outputUser.html(input); |
А что есть крайний? :last-child, это последний в родительском наборе, то есть у класса chat-mes-user это будут элементы братья.
PS. Если это попытка найти в наборе элементов с классом chat-mes-user последний элемент, то $('.chat-mes-user:last') |
ааа
Ну да. Но всё равно вопрос остаётся. Как обратится крайнему элементу chat-mes-bot и chat-mes-user <div class="chat user"> <div class="user-av"></div> <p class="chat-mes-user"></p> </div> <div class="chat bot"> <div class="user-av"></div> <p class="chat-mes-bot"></p> </div> <div class="chat user"> <div class="user-av"></div> <p class="chat-mes-user"></p> </div> <div class="chat bot"> <div class="user-av"></div> <p class="chat-mes-bot"></p> </div> |
Цитата:
<html> <head> <meta charset="utf-8"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <style> </style> <script type="text/javascript"> $(function() { alert($('.chat-mes-bot:last').text()) }); </script> </head> <body> <div class="chat user"> <div class="user-av"></div> <p class="chat-mes-user"></p> </div> <div class="chat bot"> <div class="user-av"></div> <p class="chat-mes-bot"></p> </div> <div class="chat user"> <div class="user-av"></div> <p class="chat-mes-user"></p> </div> <div class="chat bot"> <div class="user-av"></div> <p class="chat-mes-bot">Last</p> </div> </body> </html> Вы чего хотите? |
Я вас поправлю, метод пишется следующим образом.
let outputBot = $('.chat-mes-bot').last(); Спасибо за помощь |
Цитата:
let outputBot = $('.chat-mes-bot').last() = $('.chat-mes-bot').filter(':last') = $('.chat-mes-bot:last'); |
Цитата:
|
Часовой пояс GMT +3, время: 15:53. |