JQuery将div.class附加到它';s标签

JQuery将div.class附加到它';s标签,jquery,html,append,each,Jquery,Html,Append,Each,我想将每个.quick\u控制反馈内容附加到与之关联的.mPos单选按钮。这是前面的标签,每个标签都有一个.mPos类。我只是在class.mPos中显示相关的选中单选按钮。每个无线电组实际上有5个选项,其中一个选项是正确的。提交测验时。测验\控制反馈测验在每个单选按钮组的末尾 <p> <input type="radio" name="a01-q02" value="a01-01-q02" data-set="a01-q02" id="a01-q02-e03">

我想将每个.quick\u控制反馈内容附加到与之关联的.mPos单选按钮。这是前面的标签,每个标签都有一个.mPos类。我只是在class.mPos中显示相关的选中单选按钮。每个无线电组实际上有5个选项,其中一个选项是正确的。提交测验时。测验\控制反馈测验在每个单选按钮组的末尾

<p>
    <input type="radio" name="a01-q02" value="a01-01-q02" data-set="a01-q02" id="a01-q02-e03">
        <label for="a01-q02-e03" class="mPos">Only children with complex additional needs</label>
</p>
<div class="quiz__control-feedback quiz__control-feedback--incorrect">
    <span class="quiz__control-feedback-label">
        Incorrect
    </span>
</div>
<p>
    <input type="radio" name="a01-q04" value="a01-01-q04" data-set="a01-q04" id="a01-q04-e03">
    <label for="a01-q04-e03" class="mPos">If the family has not undertaken relevant training about the NDIS</label>
</p>
<div class="quiz__control-feedback quiz__control-feedback--correct">
    <span class="quiz__control-feedback-label">
        Correct
    </span>
</div>
但是,这会将.quick\u控制反馈的所有实例附加到第二个或最后一个选中的单选按钮


我做错了什么?如果我需要添加更多信息,请告诉我。

试试这个,它会选择
标签后面的
测验\uu控制反馈
,并附加它

$(this).parent()
将选择
p
标记,然后使用
。next()
将选择
测验\uu控制反馈

$(“label.mPos”)。每个(函数(){
$(this.append($(this.parent().next('.quick\u control-feedback'));
});


只有有复杂额外需求的儿童

不正确 如果该家庭没有接受有关NDIS的相关培训

对的
Hi Carsten很遗憾,这不起作用。我再玩一会儿。无论如何,谢谢:-)@LaurenceL你确定你的代码看起来像你页面上的代码吗?如果你想,请确保你的代码与snippeHI Carsten中的示例100%相等。我现在再看一遍。这是一个开发者离开了,我必须更新。快把我逼疯了。我刚刚注意到。测验\控制反馈是动态添加的,这将影响结果。@LaurenceL,如果您可以尝试使示例代码段尽可能接近您的实际代码。我手动更新了要测试的代码,并将其添加到您发布的代码段中。这次它有所有的选择。感谢您抽出时间来协助:-)
$("label.mPos").each(function(){
    $(this).append( $('.quiz__control-feedback') );
});