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>

我自己添加了程序标签。我需要使用此代码添加此程序选项卡时显示的内容：

<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”的div，但是在哪里以及如何添加？

Answer 1

对于您的代码，您必须添加“Div＆＃39;至少包含一个空格，所以请使用此

<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>

将内容添加到选项卡/下拉列表

1 个答案: