使用jQuery为多个单选组动态更改单选按钮上的文本

我正在开发一个Rails应用程序,但遇到了一个我似乎无法解决的问题。

我用的是jQueryUI手风琴,我通过循环一个数组来构建必要的结构。

手风琴需要的HTML结构如下:

<div id="accordion">
<h3><a href="#">First header</a></h3>
<div>First content</div> <h3><a href="#">Second header</a></h3>
<div>Second content</div>
</div>

因此,我要做的是在每个content div中创建一个唯一的单选组。我希望这样,当我在其中一个content div中选择一个单选选项时,h3标题中的文本将更改为所选单选选项的值。

我想使用jQuery来实现这一点,但是我不知道如何实现;具体地说,我很难理解要使用什么选择器,以及如何引用广播组div“所属”的h3头同级。对于如何处理整个页面上的11个不同的广播组(每个组都在一个content div中),我也相当困惑。

提前谢谢。