jQuery:数组函数在第一项之后停止

Question

我想使用以下函数创建一个包含列的唯一值的下拉列表。

该函数创建下拉列表，但仅显示该列的第一个值，而不是该列中的所有唯一值。

这里有什么问题或缺失吗？

function createDropdownFromColumn() {
    var arr = [];
    $("td:first").each(function() {
        if ($.inArray($(this).text(), arr) == -1)
            arr.push($(this).text());
    });

    // create select
    var select = $("<select />");
    for (var i = 0; i < arr.length; i++) {
        $("<option>" + arr[i] + "</option>").appendTo(select);
    }

    // append select
    select.appendTo("body");
}

Answer 1

该选择器可能只匹配一个元素，即第一个 TD，而您实际上正在寻找 first-child 选择器:

$("td:first-child").each(function() {...