0

我目前正在通过在 texfield 中编写一些内容并单击一个按钮来将一个数组添加到另一个数组。我还有一个 if 语句，它应该检查我正在编写的字符串是否已经存在于表中，如果存在，我应该得到一个警报。但是，即使我的数组为空，每次尝试添加内容时都会收到警报。有什么解决办法吗？

Javascript

$(document).ready(function(){

var films = [];

// ändra bakgrundsfärg för textfield 
$('#name').keyup(function(){
            $('#name').css('background-color', 'white');
});

// ändra bakgrundsfärg för select lista
$('#options').change(function(){
            $('#options').css('background-color', 'white');
});

// kör funktionen när knappen med id "button" klickas
$("#button").click(function(){
    var titelBetyg = [];

    var titel = $('#name').val();
    var betyg = $('#options').val();

    // kontrollera om textfield är tom
    if(titel == ""){
        $('#name').css('background-color', 'red');
        alert("Mata in titel.....");
    }

    // kontrollera om select lista inte är vald
    else if(betyg == "0"){
        $('#options').css('background-color', 'red');
        alert("Välj betyg....");
    }

         // HERE IS THE IF STATEMENT WHERE IT FAILS
    // kontrollera om filmen redan finns
    else if($.inArray($("#name"), films) > -1){
        alert("Filmen finns redan...");
    }

    else{
        titelBetyg.push(betyg);
        titelBetyg.push(titel);
        films.push(titelBetyg);

        var ul = $('#rightbar ul').empty();
        if (!ul.length){ // om ul inte finns
            ul = $("<ul>").appendTo('#rightbar'); // skapa en ny
        }

        // loopa igenom arrayen och placera innehållet i ul och li
        for (var i=0; i<films.length; i++){
            ul.append("<li>" + films[i][1] + " " + "<span>" + films[i][0] + "</span>" + "</li>");
        }

        $('#form').get(0).reset();

    }
});

// kör funktionen när knappen med id "stigande" klickas
 $('#stigande').click(function () {
    if (films.length > 1) {
        films.sort(function (a, b) {
            return (a[0].length < b[0].length) ? 1 : -1;
        })
        var ul = $('#rightbar ul').empty();
        for (var i = 0; i < films.length; i++) {
            ul.append("<li>" + films[i][1] + " " + "<span>" + films[i][0] + "</span>" + "</li>");
        }
    }
});

// kör funktionen när knappen med id "fallande" klickas
$('#fallande').click(function () {
    if (films.length > 1) {
        films.sort(function (a, b) {
            return (a[0].length > b[0].length) ? 1 : -1;
        })
        var ul = $('#rightbar ul').empty();
        for (var i = 0; i < films.length; i++) {
            ul.append("<li>" + films[i][1] + " " + "<span>" + films[i][0] + "</span>" + "</li>");
        }
    }
});

});
4

2 回答 2

2 
$.inArray($("#name"), films) > -1

您正在检查数组中是否存在 jQuery 元素的集合，您可能的意思是：

$.inArray($.trim( $("#name").val() ), films) > -1
于 2013-02-27T22:54:29.267 回答
1

是$('#name')一个input？如果是这样，您应该使用$('#name').val()而不仅仅是$('#name').

于 2013-02-27T22:54:41.687 回答