Как добавить текст, как в <p>один справа и другой слева

Question

Я использую ajax с e js и бэкэндом nodejs. То, что я получаю, это разговор с понедельника goose, и я хочу показать его на e js, используя ajax. То, что я хочу, это показать, если результат на правой стороне, а в противном случае результат на левой стороне.

$.get('http://localhost:3001/blog/getChat/',
                function(messageArray) {
                    // alert("Hello" + messageArray[5].message)
                    for (i = 0; i < messageArray.length; i++) {

                        if (messageArray[i].user === userName_) {
                            $('#date').append($('<p>').html(messageArray[i].message)).css({
                                "text-align": "right"
                            });

                        } else {
                            if (messageArray[i].user != userName_) {
                                $('#messages').append($('<p>').html(messageArray[i].message)).css({
                                    "text-align": "left"
                                });
                            }
                        }
                    }

                });

Answer 1

Вы добавляете один раз к $('#date') и один раз к $('#messages'). Возможно, это простая опечатка, и она должна быть такой, как показано ниже?

if (messageArray[i].user === userName_) {
    $('#messages').append($('<p>').html(messageArray[i].message)).css({
        "text-align": "right"
    });