javascript - 我需要更改具有相同 id 的多个 <td> 的 css 样式

Question

我有一个用 asp net 创建的表，使用 foreach 循环访问 viewModel 的实例。 我需要更改它们的底色，但它们都具有相同的 ID

HTML

@foreach (var item in Model)
{
    <tr id="test">
        <td>    
            <p class="small">@Html.DisplayFor(modelItem => item.DT_CADASTRO_FORMATADO)</p>
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.DSC_NATUREZA_INICIAL)
        </td> 
    </tr>
}

JavaScript

$("document")
     .ready(function ToPink() {
            for (var i = 0; i < 26; i++) {
                let tab = document.getElementById("test");
                if (tab.cells[1].innerText == 'foo') {

                    alert(tab.cells[1].innerText);
                }
            }
        }); 

Answer 1

好吧，ID 应该 是唯一的，但您正在寻找的是 CSS 类。向 td 添加一个类，然后使用 document.getElementsByClassName 提取具有该类名的所有元素。