Question

我希望用户在他/她单击按钮时将数组中的值插入到五个div框之一中。代码在firebug上没有错误但是当我点击按钮时没有任何反应。我的代码出了什么问题。这是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

中存在不匹配

将数组值插入Div框

2 个答案: