javascript - データの後に追加する方法

Question

次のコードがあります。

$('body').append('<div id="berichten"; style="position:fixed; top:163px; border: 1px solid gray; background: transparant; z-index: 1000000;"></div>)');
$.get('/events', function(data) { 
    var berichten = "";
    $(data).find('.eventtitle.notread').each(function() {
        berichten += $(this).html();
        $('#berichten').html(berichten);
    });
}); 

次の結果を返します

テキスト1 テキスト2 テキスト3

などのように見せたい

テクスト
1 テクスト2
テクスト3

試してみ.add()ましたが、動作させることができません

Answer 1

置き換えてみてください：

berichten += $(this).html();

と：

berichten += $(this).html() + "<br>";

Answer 2

交換：

$(data).find('.eventtitle.notread').each(function() {
   berichten += $(this).html();
   $('#berichten').html(berichten);
});

と：

$(data).find('.eventtitle.notread').each(function() {
   berichten += $(this).html() + '<br />';
});
$('#berichten').html(berichten);

また：

$(data).find('.eventtitle.notread').each(function() {
   $('#berichten').append($(this).html() + '<br />');
});