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

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

我使用的是jQueryUI手风琴，我通过一个数组来构建必要的结构

accordion需要的HTML结构如下所示：

第一个内容

第二内容

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

我想使用jQuery来实现这一点，但我不知道如何实现；具体地说，我很难理解使用什么选择器以及如何引用无线电组div“所属”的h3头同级。我也很困惑如何处理整个页面上的11个不同广播组，每个广播组都在一个内容分区内

---

提前谢谢。

好的，下面是您想要做的

$('input:radio').change(function(){
        $(this).parent().prev('h3').html($(this).val());
    });

因此，无论何时更改“input:radio”，jquery都将接受$（this）（您单击的单选按钮），转到其父项的div（因此是.parent（）），找到前面的第一个h3（即.prev（'h3'）），然后将html更改为$（this）.val（），这是您单击的单选按钮的值

请注意，如果您在输入周围添加了一个或更多内容，则必须添加另一个.parent（）才能再上一层

---

您还可以将.html（）更改为您想要的任何内容。。。html（）、text（）、etc.

这真是太棒了！我试图做同样的事情，但是使用选择器，而不是使用parent和prev方法。仍在学习jQuery，这对我们帮助很大！这非常有效，但我想指出的是，在jQuery UI中，我必须更改

标记中的文本，而不是标题，因此除了.prev（'h3'）之后的.children（'a'）之外，其他代码都可以使用。