Question

我有这段代码：

var username = "test"; 
var id = "_qrt4"; 
var element = '<div class="popup-box chat-popup" id="'+ id +'">';
    element = element + '<div class="popup-head">';
    element = element + '<div class="popup-head-left">'+ username +'</div>';
    element = element + '<div class="popup-head-right"><a href="javascript:close_popup(\''+ id +'\');">&#10005;</a></div>';
    element = element + '<div style="clear: both"></div></div><div class="popup-messages"><div class="msg_body"><div class="msg_a">This is from A   </div><div class="msg_b">This is from B</div><div class="msg_push"></div></div></div><div class="msg_footer"><textarea class="msg_input" rows="4"></textarea></div></div>'

$('body').append(element) 

$('textarea').keypress(function(e){
    if (e.keyCode == 13) {
        var msg = $(this).val();
        if(msg!=''){
            $('<div class="msg_b">'+msg+'</div>').insertBefore('.msg_push');
            $('.msg_body').scrollTop($('.msg_body')[0].scrollHeight);
        }
        $(this).val(''); 
    }
});

此时，我打开了多个div。在textarea中的一个div我写了一些东西，文本将发送剩余的开放div。

现在，我怎么能在按下后将文本发送到特定的div？

我用div id尝试了这个，但没有效果：

<div class="msg_b" id="'+ id +'">This is from B</div>

...

$('<div class="msg_b" id="'+ id +'">'+msg+'</div>').insertBefore('.msg_push');

Answer 1

试试这个：

$('.msg_a').append(msg);

Answer 2

您可以使用此选择器选择特定div：

var myDiv = $('div#id')

然后您可以使用以下方法编辑div的内容：

myDiv.text('Your text here');
myDiv.html('<b>Your</b> html code here');

您还可以在div中添加jQuery元素：

myDiv.prepand($jqueryElement); // Will add $jqueryElement to the start of the div
myDiv.append($jqueryElement); // Will add $jqueryElement to the end of the div

Keypressed发送文本到特定的div

2 个答案: