Question

我正在循环运行，并将数组中的文本追加到主面板中，但我希望文本的每个“块”都在它自己的面板中。

这是HTML：

<div class="panel no-overflow">
    <p id="fromTweets"> imported text goes here</p>
</div>

我的JQUERY：

for (i = 0; i < result.statuses.length; i++) {    
    //Print out username and status
    $("#fromTweets").append('<b>' + "Username: " + '</b>' + result.statuses[i].user.screen_name + '<br/>');
    $("#fromTweets").append('<b>' + "Tweet: " + '</b>' +   result.statuses[i].text + '<br/>');
}

另外，我想我更习惯于将css和jquery与“追加”方式混淆。请注意我是如何使用<b>加粗文本的，这是一种不好的做法，有更好的方法吗？ <br>标记的相同问题。

Answer 1

您最好创建一个可以附加面板的div。例如：

<div class="panel-holder">

然后，你可以使用append不仅附加文本，而且附加一个带有“panel”类的div标签。

这是一个快速演示的小提琴：

https://jsfiddle.net/oq2bfyam/1/

如何让jquery在Bootstrap v3的面板中添加一个面板

1 个答案: