0

私が見た投稿に基づいています。ハイパーリンクをクリックして、一時的な配列要素を作成しています。私が持っている唯一の問題は、これまで解決されていない繰り返し要素を生成できることです。

var items = new Array();
$("ul.dropdown li a").click(function(e)
{
    e.preventDefault();

    var id      = $(this).attr('href');
    var name    = $(this).text();

    if(!$.findFromArray('id', id, items))
    {
        return false;       
    }
    else
    {
        items.push({
            "id"    : id,
            "name": name
        });

        //genate row
        var newRow = $("<tr itemId=\"" + id  + "\" />")
        .appendTo(".form_list.left tbody")
        .append("<td>" + name + "</td>")
        .append("<td><a href=\"#\" class=\"deleteRow\">delete</a></td>");


        $(".deleteRow", newRow).click(function(e) {
                e.preventDefault();
                items = $.removeFromArray('id', $(this).closest("tr").attr("itemId"), items);
                $(this).closest("tr").remove(); 
        });     
    }
});

挿入する配列を検索し、配列への挿入を回避してテーブルに行を生成する場合は FALSE を返す関数「$.FindFromArray」を作成しました。

$.findFromArray = function(property, value, arr)
{
    $.each(arr, function(elem, index)
    {
        if(elem[property] === value)
        {
            return false;           
        }   
    }); 
};

しかし、この関数は常に FALSE を返します。

要素を挿入する前に重複を避けることができますか? それを行うためのより良い方法があれば...私が助けてくれることを願っています.

4

2 に答える 2

3

メソッドを次のように変更します

$.findFromArray = function(property, value, arr)
{
    var matching = $(arr).filter(function(index, elem)
    {
        return elem[property] === value;
    }); 
    return matching.length > 0;
};

これは、配列内の要素が見つかっtrueた場合に返されます（この方法で読みやすくなります）。そのため、チェックを次のように変更する必要もあります

if( $.findFromArray('id', id, items) )

を削除しました!

于 2012-05-19T13:47:49.413 に答える
1

$.each でインデックスと要素の順序を混同しており、$.findFromArray 関数ではなく、$.each 関数内からのみ返されます。

$.findFromArray = function(property, value, arr)
    var ret=false;
    $.each(arr, function(index, elem) {
        if (elem[property] === value) ret=true;
    }); 
    return ret;
};
于 2012-05-19T14:07:51.323 に答える