Javascript 根据列标题文本选择列中的表格单元格

如何使用Javascript或jQuery根据表列标题中写入的文本（例如状态）选择列中的单元格

---

详细信息，而不是问题的一部分：我想稍后使用此选项根据单元格内容将背景色应用于该列中的单元格，以便例如“Error”将背景色设置为红色，“Quality OK”将为白色。

这是我为您做的一个快速调整

HTML

你可以改变颜色和你正在搜索的文本，但你应该能够得到正在进行的事情的要点

基本上，我们使用包含选择器yp查找包含我们要查找的文本的th，然后使用.index来获取列索引。然后我们循环tr的using.each并使用eq获取项目。然后操作td的css并设置其背景色属性

---

需要注意的一点是，如果第2列文本包含状态，您将面临问题

这是我为你做的一把快速小提琴

HTML

你可以改变颜色和你正在搜索的文本，但你应该能够得到正在进行的事情的要点

基本上，我们使用包含选择器yp查找包含我们要查找的文本的th，然后使用.index来获取列索引。然后我们循环tr的using.each并使用eq获取项目。然后操作td的css并设置其背景色属性

---

需要注意的一点是，如果第2列文本包含状态，您将面临问题

提供html的示例代码？jQuery contains--是针对$th:contains'Status.的。jquerymethod…下面Adween回答中的示例html代码看起来不错。提供html的示例代码？jQuery contains--是针对$th:contains'Status.的示例html代码。jquerymethod…下面Adween回答中的示例html代码看起来不错。

<table>
    <tr>
        <th>One</th>
        <th>Two</th>
        <th>Status</th>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>Bad</td>
    </tr>
    <tr>
        <td>3</td>
        <td>4</td>
        <td>Good</td>
    </tr>
</table>

$(function(){
    var columnindex = $('th:contains("Status")').index();
    if(columnindex != -1)
    {
        $('tr').each(function(){
            var column = $('td', this).eq(columnindex);

            switch(column.text())
            {
                case "Bad":
                    column.css({ backgroundColor: '#900' });
                    break;

                case "Good":
                    column.css({ backgroundColor: '#090' });
                    break;

                default:

                    break;

            }
        });
    }
});