addClass到数组元素

时间:2013-11-16 12:08:41

标签: javascript jquery

我正在比较2个数字数组以找到匹配项。

如果找到匹配项,我想通过分配css类来为该元素着色。 匹配工作,但addClass被忽略。只需要将课程添加到结果中。

JavaScript

var main = ["10", "13", "28", "35", "40"];
var picked = ["05", "13", "28", "35", "42"];
var matched = [];
for (var j = 0; j < main.length; j++) {
    for (var k = 0; k < picked.length; k++) {
        var n = picked[k];
        if (main[j] == n) {
                matched.push(n);
                $("n").addClass("match");
                break;
                  }
        }
    }
$("#matches").append("<li>" + matched + "</li>");

Fiddle here

2 个答案:

答案 0 :(得分:2)

尝试这样的事情,FIDDLE 类应用于html元素而不是字符串,因此将其应用于li

var main = ["10", "13", "28", "35", "40"];
var picked = ["05", "13", "28", "35", "42"];
var matched = [];
var li = '';
for (var j = 0; j < main.length; j++) {

    for (var k = 0; k < picked.length; k++) {
        var n = picked[k];
        if (main[j] == n) {
                matched.push(n);
            li += '<li class="match">' + n + '</li>';

                break;
                  }
        }
    }
$("#matches").append(li);

答案 1 :(得分:0)

改变你的

$("n").addClass("match");

$("ul").addClass("match");

现在工作正常。

WORKING SAMPLE