javascript - 将数组值插入到 Div 框中

Question

我希望用户在单击按钮时将数组中的值插入五个 div 框之一。该代码在萤火虫上没有错误，但是当我单击按钮时没有任何反应。我的代码有什么问题。这是 jsfiddle 示例http://jsfiddle.net/fHHnq/13/

这是相关的js代码...

var news = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11",
        "12", "13", "14", "15", "16", "17", "18", "19", "20"];


$(document).ready(function() {

 $('.button').click(function() {

    var article_id = 1;

    var number = Math.floor(Math.random() * 5) + 1;

    $('.class_' + number).html('news[article_id]');

    article_id++;

 });

});

Answer 1

您错误地分配了类并且您的 HTML 使用-，但您的 JavaScript_用于类名。

这是工作的jsfiddle：http: //jsfiddle.net/fHHnq/16/

Answer 2

在您的 html 中，您使用的是“class-1”，而在您的 javascript 中，您使用的是“$('.class_' + number)”，这将导致 class_1。所以class-1和class_1不匹配