javascript - 循环遍历列表元素并将文本添加到 jquery 中的输入值

Question

基本上我想循环并获取第一个 ul 中的文本，然后将其附加到 .第二个 ul 上的输入值

<ul class="first">
    <li>
        <p>test one </p>
    </li>
</ul>

<ul class="second">
    <li>
        <input type="radio" name="wis_con_q10_q3" value="Yes">
        <input type="radio" name="wis_con_q10_q3" value="No" checked="">
    </li>
</ul>

<ul class="first">
    <li>
        <p>text two </p>
    </li>
</ul>
<ul class="second">
    <li>
        <input type="radio" name="wis_con_q10_q4" value="Yes">
        <input type="radio" name="wis_con_q10_q4" value="No" checked="">
    </li>
</ul>

我尝试过这种方式，但它不能正常工作

$("ul.first li p").each(function () {
    $("ul.second li input").val($("ul.second li input").val() + "_" + $(this).text());
});

这就是我想要实现的目标

<input type="radio" name="wis_con_q10_q4" value="Yes_text two ">
<input type="radio" name="wis_con_q10_q4" value="No_text two " checked="">

Answer 1

你可以这样使用

$(".first").each(function () {
    var radio = $(this).next().find("input[type='radio']");
    var value=$(this).find("p").text();
    radio.each(function(){
        $(this).val($(this).val() + "_"+ value   );

    });
});

Fiddle