Question

这是我的方案，在我使用的CMS中，我创建了一个活动模块，我有两种类型的活动，'会议'活动和'培训课程'活动。在我的活动pagaes上，我使用jQuery tabular system来显示我的活动内容。下面显示了我的选项卡标记的外观：

<ul id="tabs">
    <li><a href="#" name="#tab1">Overview</a></li>
    <li><a href="#" name="#tab2">Agenda</a></li>
    <li><a href="#" name="#tab3">Registration Fees</a></li>
    <li><a href="#" name="#tab4">Venue</a></li>
    <li><a href="#" name="#tab5">Sponsors</a></li>
</ul>

上面的标签非常适合我的“会议”活动，但对于我的“培训课程”活动，我想显示不同的标签。对于我的“培训课程”活动，我想显示以下标签：

<ul id="tabs">
    <li><a href="#" name="#tab1">Description</a></li>
    <li><a href="#" name="#tab2">Objectives</a></li>
    <li><a href="#" name="#tab3">Faculty</a></li>
    <li><a href="#" name="#tab4">Registration Fees</a></li>
    <li><a href="#" name="#tab5">Education</a></li>
</ul>

在我的事件标记中，我可以拉动并显示事件类型。这是我的标记在事件类型为Conference时的样子：

<div class="EventType">
    <ul class="sfCategoriesList">
        <li>
            <span id="taxonName">Conference</span>
        </li>
    </ul>
</div>

如果事件类型是Training Course：

，这就是标记的样子

<div class="EventType">
    <ul class="sfCategoriesList">
        <li>
            <span id="taxonName">Training Course</span>
        </li>
    </ul>
</div>

现在，有没有办法通过使用jQuery查看标记来识别事件类型来切换（更改）标签文本？

我不知道如何编写代码，但是这样的逻辑：

<ul id="tabs">
    <li><a href="#" name="#tab1">if the event type in the markup is "Training Course" then this tab text is "Description"</a></li>
    <li><a href="#" name="#tab2">if the event type in the markup is "Training Course" then this tab text is "Objectives"</a></li>
</ul>

由于

Answer 1

var event = $('#taxonName').text();
if (event === 'Training Course') {
  $('#tab1').text('Description');
  $('#tab2').text('Objectives');
}

如何根据标记切换HTML文本？

1 个答案: