將數組項添加到現有的標題標記，作爲數據切換

Question

我目前在expressionengine中構建了一個網站，並希望將一個動態數據切換放置在某些標題3標籤上，這些標籤也動態顯示在網頁上。當用戶在網站上創建「區域」時，它會創建一個<h3>和<div>，其中包含它們輸入的信息。這一切都工作正常，但我希望應用數據切換到標題3標籤使用Javascript（和一個ID到div一旦這是排序）。我創建了一段JavaScript，內容如下：

$(function(){ 
    {exp:channel:entries channel="page" dynamic="yes"} 
    var toggles = new Array(
     {body}"{section_title}"{if row_count != total_rows},{/if}{/body} 
    ); 
    {/exp:channel:entries} 

    $.each(toggles, function(i, val) { 
    $('.about-content h3').attr("data-toggle", val); 
    }); 
}); 

這裏面有一些表達式引擎代碼，但實質上是一個循環。那麼循環會抓取網頁上各節的標題，然後將int嵌入到數組中。這一切工作正常，輸出如下：

var toggles = new Array("Values","Accreditations","Careers","Downloads");

側面說明：我要刪除大寫字符和空格一旦該位進行排序

我沒有使用數組在JavaScript/jQuery之前，所以我很努力地將每個條目輸出爲在頁面中進一步動態生成的h3標籤的數據切換。 <h3>標籤已經存在，因此不需要使用該功能創建。

因此，在此示例中，連續有四個<h3>標籤。我可以通過每個數組項目，並將項目添加到每個<h3>？

在當我檢查與Firebug的元素目前它顯示的代碼，例如：

<h3 data-toggle="Downloads">Values</h3> 
<h3 data-toggle="Downloads">Accreditations</h3> 
<h3 data-toggle="Downloads">Careers</h3> 
<h3 data-toggle="Downloads">Downloads</h3> 

但是，如果我看源作爲顯示：

<h3 data-toggle="">Values</h3> 
<h3 data-toggle="">Accreditations</h3> 
<h3 data-toggle="">Careers</h3> 
<h3 data-toggle="">Downloads</h3> 

任何幫助將是很大的讚賞。

謝謝。

Answer 1

如果有人感興趣，我已經設法解決了這個問題。

$(function(){ 
    {exp:channel:entries channel="page" dynamic="yes"} 
    var toggles = new Array(
     {body}"{section_title}"{if row_count != total_rows},{/if}{/body} 
    ); 
    {/exp:channel:entries} 

    $('.about-content h3').each(function(val) { 
    $(this).attr("data-toggle" , toggles[val]); 
    }); 
}); 

據我所知（我可能沒有），我只是說每個.about-content h3添加陣列作爲數據切換屬性的條目。