文章/答案/技术大牛

发布

社区首页 >问答首页 >检查最新版本

问检查最新版本
EN

Stack Overflow用户

提问于 2017-01-19 15:44:15

回答 2查看 59关注 0票数 1

有没有办法检查最后添加的div？

我想知道这一点，因为我正在用socket.io和bootstrap制作一个聊天应用程序。

我刚开始使用javascript和jquery。如果我发送了一条消息，而最新的消息也来自我，我希望我的文本附加到我正在使用的面板上。

像这样：example

希望有人知道这是什么。

提前感谢！

代码：

socket.on('newmsg', function (data) {
    if (user) {
        if (data.user == user) {
            document.getElementById('message-container').innerHTML += '\
            <div class="row">\
                <div class="col-lg-1"></div>\
                <div class="col-lg-5">\
                    <div class="panel panel-success">\
                        <div class="panel-heading">'+data.user+'</div>\
                        <div class="panel-body">\
                            <div class="row">\
                                <div class="col-lg-10">\
                                    '+data.message+'\
                                </div>\
                                <div class="col-lg-2">\
                                    '+data.time+'\
                                </div>\
                             </div>\
                        </div>\
                    </div>\
                </div>\
            </div> \
            ';
        }
        else {
            document.getElementById('message-container').innerHTML += '\
            <div class="row">\
                <div class="col-lg-6"></div>\
                <div class="col-lg-5">\
                    <div class="panel panel-primary">\
                        <div class="panel-heading">'+data.user+'</div>\
                        <div class="panel-body">\
                            <div class="row">\
                                <div class="col-lg-10">\
                                    '+data.message+'\
                                </div>\
                                <div class="col-lg-2">\
                                    '+data.time+'\
                                </div>\
                             </div>\
                        </div>\
                    </div>\
                </div>\
            </div> \
            ';
        }

    }
})

socket.io

javascript

jquery

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-01-19 15:54:14

最后，您可以使用jquery将消息附加到div元素

var addedText = '<div> this is second message</div>';
$('#msgGroup > div').last().append(addedText);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="msgGroup">
    <div>this is first msg</div>
</div>

另请参阅jsFiddle。

票数 1

Stack Overflow用户

发布于 2017-01-19 15:47:18

https://api.jquery.com/last-selector/读了这个。你可以使用$("div:last")

    $("div.panel-body div.row:last").css("color","red")

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <html>
    <div class="panel-body">
    <div class="row">First row</div>
    <div class="row">Second row</div>
    </div>
    </html>

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/41736370

复制

相似问题

问检查最新版本
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问检查最新版本EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问检查最新版本
EN