javascript - 添加到数组时，从 text() 返回的 jQuery 值会导致无法识别的表达式错误

Question

我有以下代码:

$(document).ready(function () {
    debugger;

    // Empty aarray to store list of headings
    var tableHeadings = [];

    // For each heading present add it to the array (ordered)
    $('#AdvancedTable thead > tr > th').each(function () {
        //console.log($(this).text());
        $(tableHeadings).add($(this).text());
    });

    // For each row in the table, add the heading text to the start of each cell
    $('#AdvancedTable tbody > tr > td').each(function (index) {
        $(this).prepend('<span class="visible-xs">' + tableHeadings[index] + '</span>');
    })

});

但是，我存储值的表标题之一包含文本“长度 (L1)”。我在控制台中收到以下错误:

Uncaught Error :语法错误，识别的表达式:长度(L1)

我了解基本情况，这是由于文本传递带有括号的内容引起的问题，但想知道为什么会发生这种情况的详细信息，以及如何解决此问题/避免的最佳实践的提示像这样的错误。

Answer 1

使用map而不是each。

// Empty aarray to store list of headings
    var tableHeadings = $('#AdvancedTable thead > tr > th').map(function () {
      return this.innerHTML;
    }).get();

您正在创建一个空数组，迭代元素并将它们添加到数组中。这本质上是对 map 已经做的事情重新发明轮子。