Jquery - 如果条件停止

时间:2014-02-22 12:21:25

标签: jquery for-loop

我无法停止for循环,因此只有第一个输入文本如果为空则为红色,如果填充则变为绿色。我在for循环中尝试使用if但是我遗漏了一些东西。 http://jsfiddle.net/4dvw6/1/

$(document).on('click', '#Check', Check);

function Check() {
    var length = $('#PA .argument').length;
    for (i = 1; i < length + 1; i++) {
        var val = $("#PA tr:eq(" + i + ")").find(".argument").val();
        if (val === "") {
            $("#PA tr:eq(" + i + ")").find(".argument").css('background', 'red')
        } else if (val !== "") {
            $("#PA tr:eq(" + i + ")").find(".argument").css('background', 'green')
        }
    }
}

2 个答案:

答案 0 :(得分:3)

使用break

if (val === "") {
    $("#PA tr:eq(" + i + ")").find(".argument").css('background', 'red');
    break;//break for loop here
}

Fiddle Demo

答案 1 :(得分:1)

http://jsfiddle.net/4dvw6/2/

$(document).on('click', '#Check', Check);

function Check() {
var length = $('#PA .argument').length;
for (i = 1; i < length + 1; i++) {
    var val = $("#PA tr:eq(" + i + ")").find(".argument").val();
    if (val === "") {
    $("#PA tr:eq(" + i + ")").find(".argument").css('background', 'red')
    break;//return;
    }else {
    $("#PA tr:eq(" + i + ")").find(".argument").css('background', 'green')
    }

}
}