如何使用append()在内容块之前和之后放置<div>和</ div>？

Question

所以我要做的是先添加一个外部div容器,然后先添加内容,然后追加到最后.但结果似乎是我在开始时添加了自动插入一个.结果分为两个独立的div.

任何人？谢谢!

//adds the outer div tag here...
$('#aspcal tr:eq(' + loopweek + ') td:eq(' + loopday + ')')
     .append("<div id='outer' style='height:15px'>");

//adds the inner content here...
 for (l = 0; l < rssArray.length; l++) {

if (eleArray[l][19] == curNumMonth 
     && eleArray[l][20] == curNumDay 
     && eleArray[l][21] == curNumYear) {

    $('#aspcal tr:eq(' + loopweek + ') td:eq(' + loopday + ')')
       .append("</br><div style='height:auto'><b>" 
               + eleArray[l][8] 
               + "</b></br><a href='" 
               + eleArray[l][0] 
               + "' target='_blank'>" 
               + eleArray[l][1] 
               + "</a></div>");
}

//adds the outer div closing tag here...
$('#aspcal tr:eq(' + loopweek + ') td:eq(' + loopday + ')').append("</div>");?

Answer 1

您不是使用jQuery创建标记,而是创建DOM对象.A div由开始和结束标记以及属性等表示,但由浏览器解析并存储为数据树中的对象.jQuery,最终是javascript,只是告诉浏览器在树中创建一个新对象.

您应该创建外部div,然后向其添加内容.jQuery将为您完成艰苦的工作.

//adds the outer div tag here...
$('#aspcal tr:eq(' + loopweek + ') td:eq(' + loopday + ')').append("<div id='outer' style='height:15px'>");


//adds the inner content here...
for (l = 0; l < rssArray.length; l++) {
    if (eleArray[l][19] == curNumMonth && eleArray[l][20] == curNumDay && eleArray[l][21] == curNumYear) {
        $('#outer').append("</br><div style='height:auto'><b>" + eleArray[l][8] + "</b></br><a href='" + eleArray[l][0] + "' target='_blank'>" + eleArray[l][1] + "</a></div>");
}

我只#outer在选择器中引用,因为作为ID,它应该是唯一的.如果不是,请将其更改为类并执行以下操作:

//adds the outer div tag here...
var aspcal = $('#aspcal tr:eq(' + loopweek + ') td:eq(' + loopday + ')');
aspcal.append("<div class='outer' style='height:15px'>");


//adds the inner content here...
for (l = 0; l < rssArray.length; l++) {
    if (eleArray[l][19] == curNumMonth && eleArray[l][20] == curNumDay && eleArray[l][21] == curNumYear) {
        aspcal.find('.outer').append("</br><div style='height:auto'><b>" + eleArray[l][8] + "</b></br><a href='" + eleArray[l][0] + "' target='_blank'>" + eleArray[l][1] + "</a></div>");
}

如果您已经创建了内容,则可以使用.wrap('<div>')在内容周围添加div(或任何其他可父对象).