使用每个类名创建数组

Question

我正在尝试通过访问一个名为“name”的类来创建一个数组。但是，当我提醒数组时，我只能在一个块中获取名称列表。我想我可能使用 .each() 错误。我想返回一个名称单独列出的数组。我将不胜感激任何帮助！

jquery

    $('.dropdown-content ul li span').click(function(){
        $('.hiddenfield').val($(this).html());
            $('form').submit(function(){
            var arr=[];
            $('.name').each( function()
                arr.push(('.dropdown-content').val($(this).text()));
                alert(arr);
            })
    });
    });

Answer 1

两个问题：

1. submit 事件处理程序不应嵌套在click 处理程序内。这将在每次点击<li> 时在表单上绑定一个新的submit 事件。
2. 以下代码中突出显示的语法错误

代码：

$('.dropdown-content ul li span').click(function () {
    $('.hiddenfield').val($(this).html());
});

$('form').submit(function () {
    var arr = [];
    $('.name').each(function () { // <-- Missed { here
        arr.push($('.dropdown-content').val($(this).text()));
        //       ^        Missed `$` here
        alert(arr);
    });
});

---

要获取文本数组，您可以使用$.map 和$.get。

var arr = $('.name').map(function () {
    return $.trim($(this).text()); // Use trim to remove leading and trailing spaces
}).get();

Answer 2

您可以使用map() 函数进行如下操作。将click 和submit 事件分开。

$('form').submit(function(){
    var arr=[];
    var arr = $('.name').map( function()
        return $(this).text();              
    }).get();
    alert(arr);
});

$('.dropdown-content ul li span').click(function() {
    $('.hiddenfield').val($(this).html());
});