Jquery 如何基于标记切换HTML文本?

Jquery 如何基于标记切换HTML文本?,jquery,html,dom,Jquery,Html,Dom,这是我的场景,在我使用的CMS中,我创建了一个事件模块,我有两种类型的事件,“会议”事件和“培训课程”事件。在我的事件页面上,我正在使用显示我事件的内容。下面显示了我的选项卡标记的外观: <ul id="tabs"> <li><a href="#" name="#tab1">Overview</a></li> <li><a href="#" name="#tab2">Agenda</a>

这是我的场景,在我使用的CMS中,我创建了一个事件模块,我有两种类型的事件,“会议”事件和“培训课程”事件。在我的事件页面上,我正在使用显示我事件的内容。下面显示了我的选项卡标记的外观:

<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>
在我的事件标记中,我可以提取并显示事件类型。以下是事件类型为会议时我的标记的外观:

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

  • 会议
如果事件类型为“培训课程”,则标记将是这样的:

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

工作起来很有魅力(做了一些调整)。。谢谢你,美丽的编码器,谢谢你@Murali。这就是我所做的:var eventType=$('#taxonName').text();如果(eventType=='Training Course'){$('ul#tabs li:nth child(1)a')。text('Description');$('ul#tabs li:nth child(2)a')。text('targets');$('ul#tabs li:nth child(3)a')。text('注册费');$('ul ul tabs li:nth child(4)a')。text('Faculty');$)('ul tabs li:nth child(5)a')。text('(‘教育’;}
var event = $('#taxonName').text();
if (event === 'Training Course') {
  $('#tab1').text('Description');
  $('#tab2').text('Objectives');
}