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>
感謝
#TAB1的name屬性值,部門是錯誤的! –
像一個魅力工作(與一些調整)..謝謝你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