Форум

Retro_1477 · #1 (**permalink**) 28.04.2019, 15:43

Screenshot_4.jpg
При нажатие на кнопку отправления сообщения у меня создаётся маска для пользователя и для бота, но сообщение внутри маски бывают разные. Как правильно обратиться к крайнему элементу?

Часть кода для добавления маски и текста из строки ввода.

chatlog.append(maskUser); //добавление тегов
    let outputUser = $('.chat-mes-user:last-child'); // пытаюсь обратиться к крайнему элементу
    let input = user_input.val();
    outputUser.html(input);

laimas · #2 (**permalink**) 28.04.2019, 15:47

А что есть крайний? :last-child, это последний в родительском наборе, то есть у класса chat-mes-user это будут элементы братья.

PS. Если это попытка найти в наборе элементов с классом chat-mes-user последний элемент, то $('.chat-mes-user:last')

Retro_1477 · #3 (**permalink**) 28.04.2019, 16:47

ааа
Ну да. Но всё равно вопрос остаётся. Как обратится крайнему элементу 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>

laimas · #4 (**permalink**) 28.04.2019, 17:13

Сообщение от Retro_1477

Как обратится крайнему элементу chat-mes-bot

Нет крайних, есть первый, последний. Так как показано, так и обращаться:

<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>

Вы чего хотите?

Retro_1477 · #5 (**permalink**) 28.04.2019, 18:00

Я вас поправлю, метод пишется следующим образом.

let outputBot = $('.chat-mes-bot').last();

Спасибо за помощь

рони · #6 (**permalink**) 28.04.2019, 18:15

Сообщение от Retro_1477

Я вас поправлю,

let outputBot = $('.chat-mes-bot').last() = $('.chat-mes-bot').filter(':last') = $('.chat-mes-bot:last');

laimas · #7 (**permalink**) 28.04.2019, 18:46

Сообщение от Retro_1477

Я вас поправлю, метод пишется следующим образом.

Нечего править, в JQ есть как метод, так и селектор.

Форум

Справочник

Discord чат

Курсы javascript