在現有html結構中動態添加div標籤

我需要在現有html結構內追加div標籤。問題是我無法針對div，之後我需要追加新的div。我需要在「自動滾動」div內追加我的div。而附加的div是動態生成的。在現有html結構中動態添加div標籤

目前發生的事情是，divs被追加到id爲「cases」的div中。但我希望它在「自動滾動」div內追加。

下面是HTML結構：

<div class="wrapper" id="cases"> 
    <div class="row"> 
    <div class="col-md-12 case-view-header">Header text</div> 
    </div> 
    <div class="auto-scroll"> 
    </div> 
</div>

我的代碼：

$.each(caseRecords, function(index, value) { 
    var tb = $('#cases'); 
    var autoscroll = $('.auto-scroll');   
    var html = "<div class='row data animate-row'>"; 
    html = html + " <div class='col-xs-12 col-sm-2 col-md-2 col-lg-2 case-view-other height-fix'>" + this.c.CaseNumber + "</div>"; 
    html = html + " <div class='col-xs-12 col-sm-4 col-md-4 col-lg-4 case-view-other height-fix'>" + this.c.Account.Name + "</div>"; 
    html = html + " <div class='col-md-3 case-view-other height-fix'>" + this.cm.MilestoneType.Name + "</div>"; 

    html = html + " <div class='col-xs-12 col-sm-3 col-md-3 col-lg-3 case-view-other height-fix align-center timer-case'> "; 
    html = html + " <div id='CountDownTimer" + index + "' data-timer='" + this.seconds + "'></div>"; 
    html = html + " <div id='CountDownTimerText" + index + "' style='display: inline-block; position:absolute;'></div>"; 
    html = html + " </div>"; 
    html = html + "</div>"; 

    tb.append(html); 

    setupCounter('CountDownTimer' + index, 'CountDownTimerText' + index, this.targetSeconds); 

});

來源

2015-04-02 Zee

什麼目前正在發生的事情是的div越來越ID爲「案件」的DIV中追加。但我希望它在「自動滾動」div內追加。

這是因爲tb是#cases div的對象，您正在將內容附加到它。你需要針對內分度auto-scroll類：

var tb = $('#cases .auto-scroll');

來源

2015-04-02 06:48:14

var tb = $('.auto-scroll').append(html);

來源

2015-04-02 06:50:10

考慮exp通過描述你是如何實現結果或提供更多信息來描述你的代碼。 – nirazul 2015-04-02 11:50:35

@Nirazul感謝您指出。 div.auto-scroll應該被追加到目標上，顯然這個答案不夠好，'.auto-scroll'可能是一個普通的類，這裏應該有一個更準確的具體選擇 – 2015-04-03 02:11:12

，而不是

tb.append(html);

使用

autoscroll.append(html);

因爲結核病是#cases而自動滾屏是元素你要求

來源

2015-04-02 06:52:10

在現有html結構中動態添加div標籤

回答

相關問題