我正在做一些非常简单的事情,一个简短的测验,我试图让我在二维数组中列出的项目每个显示为<li>
. 我尝试使用 JSarray.join()
方法,但它并没有真正做到我想要的。我想将它们放入一个列表中,然后为每个添加一个单选按钮。
我已经对 Jquery 进行了微小的飞跃,所以很多这都是我对“语法”的不熟悉。我在他们的 API 上浏览了一些东西,$.each
...?我确信这就像 for 语句一样工作,我只是无法让它工作而不破坏我所拥有的一切。
这是 HTML 非常有趣的东西。
<div id="main_">
<div class="facts_div">
<ul>
</ul>
</div>
<form>
<input id="x" type="button" class="myBtn" value="Press Me">
</form>
</div>
而且,这里有一些极其复杂的代码。抓住你的帽子...
$(document).ready (function () {
var array = [["Fee","Fi","Fo"],
["La","Dee","Da"]];
var q = ["<li>Fee-ing?","La-ing?</li>"];
var counter = 0;
$('.myBtn').on('click', function () {
$('#main_ .facts_div').text(q[counter]);
$('.facts_div ul').append('<input type= "radio">'
+ array[counter]);
counter++;
if (counter > q.length) {
$('#main_ .facts_div').text('You are done with the quiz.');
$('.myBtn').hide();
}
});
});