如何在 div 之间创建中断

Question

大家好，所以我的数据库中有一个php函数，它从我的数据库返回搜索结果。除了我想得到它的脸之外，一切都在工作，以便每个列表之间都有一个休息时间。因此，例如，返回的每个元素都应该在自己的边框内，因此是一个正方形。目前，所有元素都在一个大正方形中，而不是自己的正方形中。

法典：

            $('#addButton').on('click', function( event ) {
                var searchedValue = $('#search_term').val(); 
                var divHolder = $('.selectedStuff'); 
                divHolder.append(searchedValue + '<br>').css({
                    'background-color': 'yellow',
                    'width': '700px',
                    'margin-top': '50px',
                    'border-style': 'solid',
                    'border-color': '#0000ff'
               }); 

如您所见，我已经应用了边框，但是它围绕所有内容而不是返回的每个元素进行操作，因此它应如下所示：

 -----------------------------------------------
|                                              |
|       Elment 1                               |
 -----------------------------------------------
 -----------------------------------------------
|                                              |
|       Elment 2                               |
 -----------------------------------------------

感谢您的帮助

Answer 1

我不知道

您要实现的格式，但我建议您将您的searchedValue包装到其自己的div中，以便您可以通过更改以下内容来单独格式化它：

            divHolder.append(searchedValue + '<br>').css({
                'background-color': 'yellow',
                'width': '700px',
                'margin-top': '50px',
                'border-style': 'solid',
                'border-color': '#0000ff'
           }); 

对此：

            $("<div>" + searchedValue + "</div>").css({
                'background-color': 'yellow',
                'width': '700px',
                'margin-top': '50px',
                'border-style': 'solid',
                'border-color': '#0000ff'
           }).appendTo(divHolder);