2013-11-21 29 views
0

這是我的場景,在我使用的CMS中,我創建了一個活動模塊,並且我有兩種類型的活動,「會議」活動和「培訓課程」活動。在我的活動場景中,我使用jQuery tabular system來顯示我的活動內容。下面顯示了我的標籤標記什麼樣子:如何根據標記切換HTML文本?

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

感謝

回答

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

#TAB1的name屬性值,部門是錯誤的! –

+0

像一個魅力工作(與一些調整)..謝謝你beautifulcoder謝謝你@Murali。這就是我所做的: var eventType = $('#taxonName')。text(); if(eventType ==='Training Course'){('ul#tabs li:nth-​​child(1)a')。text('Description'); $('ul#tabs li:nth-​​child(2)a')。text('Objectives'); $('ul#tabs li:nth-​​child(3)a')。text('Registration Fees'); $('ul#tabs li:nth-​​child(4)a')。text('Faculty'); $('ul#tabs li:nth-​​child(5)a')。text('Education'); } – Marz