Javascript jQuery-将文本添加到每个无线电输入的同一行

所以我试着做一个动态的测试，并努力在我的无线电输入中添加文本。我用一个for循环来做几个无线电输入。我希望文本与每个收音机选项在同一行，但我无法完成这一点

当我使用

append（）

时，它会创建一个新行，然后添加文本

for (j = 0; j < 5; j++) {
            $('#target').append('<input type="radio" name="radioName"/>')
            $('#target').append('<p>My text here</p>');

下面是我的JSFIDLE，它显示了一个示例：

---

理想情况下，我希望添加一个变量，将对象表示为文本，以便在进行测验时自动更改。

您必须删除该变量‍‍‍<代码>标记并在每行中添加一个额外的

$('#target').append('test append creates a line space<br/>');

$（'#target'）.append（'testappend创建一个行空间
'）；

---

在

上检查demo，只需在收音机和“标签”周围添加一个div包装，即可获得所需的输出。选中此项：

$（函数（）{
var i=0；
var所有问题=[{
问题：“什么是4x6？”，
选择：[46,15,25,24]，
正确答案：3
}, {
问题：“什么是21x21？”，
选项：[44121388]，
正确答案：0
}, {
问题：“哪个数是素数？”，
选项：[1,5,10,39]，
正确答案:1
}, {
问题：“什么是65/5”，
选择：[3,31,12,13,21]，
正确答案：3
}];
函数populateQuestion（）{
$（“#问题”）.text（所有问题[i].question）；//添加问题
var$target=$（“#target”），
j=0；
//添加收音机和答案选项
对于（j；j

在这种情况下，建议使用列表元素

<div id="container">
    <div id="question"></div>
    <div id="target">
        <ul id="options">

        </ul>
    </div>
</div>

然后添加

li

元素。为使用属性的

提供适当的
id

var $li = $("<li>").appendTo("#options");
$li.append('<input id="option' + (j+1) + '" type="radio" name="question' + i + '" value="' + allQuestions[i].correctAnswer + '"/>');
$li.append("<label for='option" + (j+1) + "'>test: label for adds all to the end    </label>");

var$li=$（“
”）；
$li.附加（“”）；
$li.append（“test:label for adds all to end”）；

演示：

<div id="container">
    <div id="question"></div>
    <div id="target">
        <ul id="options">

        </ul>
    </div>
</div>

#options{
    list-style:none;
    list-style-type:none;
}

var $li = $("<li>").appendTo("#options");
$li.append('<input id="option' + (j+1) + '" type="radio" name="question' + i + '" value="' + allQuestions[i].correctAnswer + '"/>');
$li.append("<label for='option" + (j+1) + "'>test: label for adds all to the end    </label>");