將內容添加到製表符/下拉列表

Question

讓我們來看看我能否解釋這一點。

我有下面的代碼，使得取決於所點擊的選項卡上的某些內容顯示：

<div class="container"> 
    <ul class="no-list-style">js 
     <li class="active information-tab"> 
      <div class="information-dropdown"><a rel="info" href="#">{{ 'Information' | t }}</a> 
      </div> 
     </li> 
     <li class="active program-tab"> 
      <div class="program-dropdown"><a rel="info" href="#">{{ 'Program' | t }}</a> 
      </div> 
     </li> 
    </ul> 
</div> 

我已經添加了程序選項卡嘍。我需要的時候來使用此代碼被加入這一計劃選項卡中顯示的內容：我知道某處一個div

<script type="text/javascript">// <![CDATA[ 
$('#addedDiv').contents().filter(function() { return this.nodeType == 3 }).each(function() { this.parentNode.innerHTML = this.textContent.replace('','This is the program'); }); 
// ]]></script> 

ID爲「addedDiv」需要增加這一點，但在何處以及如何？

Answer 1

爲您的代碼是必要的你「addedDiv」包含至少一個空格，所以用這個

<div id="addedDiv">&nbsp;</div> 

徘徊無論它是需要你可以把這個。

看看這個小提琴：

https://jsfiddle.net/bu4q63ft/

這裏添加它在你的頁面：

<div class="tabsPage"> 
    <div class="page info">...</div> 

    <div class="page programs"> 
     <div id="addedDiv">&nbsp;</div> 
    </div> 

    <div class="page reviews">...</div> 
</div>