如何正确检索和更改从jQuery中的数组存储的文本值？

Question

我试图用存储在数组中的字符串值更改每个<th>标记。如果它达到了数组长度的末端，它就会重置我已经实现的计数器。我希望能够保持循环和改变每个标题文本值，直到表结束。我已经尝试了几个代码尝试能够改变和输出下面的标题文本(但没有工作;没有控制台错误输出):

$(this).text() == headerTitleArr[headerIndex];
//$(this).text(headerTitleArr[headerIndex])[thIndex];
//$(this).css("content", headerTitleArr[headerIndex]);

我调试了代码，看看这两个值都返回，他们都返回字符串值，但由于某种原因，数组headerTitleArr[headerIndex]的值没有传递给$(this).text()，这应该是tr.table tr > th的DOM选择器，因此与您在console.log输出中看到的保持相同。

这是我对这个问题的看法。

代码片段:

if (window.matchMedia('(max-width: 2799px)').matches) {
// do functionality on screens smaller than 2799px
var headerTitleArr = ["Players","Stamina","Home Runs"];
var headerTitleArrLength = 2;
var mainChart = $("#chart1");
var headerIndexCount = 0;
// loop thru each of the tr.table-tr rows tracked by index and change the th text's index with the header text value
$("#chart1 tr.table-tr > th").each(function(thIndex) {
headerIndex = headerIndexCount;
// TO FIX
$(this).text() == headerTitleArr[headerIndex];
//$(this).text(headerTitleArr[headerIndex])[thIndex];
//$(this).css("content", headerTitleArr[headerIndex]);

headerIndexCount++;
// if headerIndex equals to the length of the array, reset value
if (headerIndex == headerTitleArrLength) {
headerIndexCount = 0; // reset value
}
});
}

Answer 1

我想它在这里:

改变$(this).text() == headerTitleArr[headerIndex];

$(this).text(headerTitleArr[headerIndex]);