将数组项添加到现有的标题标记，作为数据切换

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添加阵列作为数据切换属性的条目。