使用内部脚本更改表格单元格css而不依赖于id，class或包含

Question

我正在使用ASP.NET MVC帮助器方法来创建webgrid。我想动态设置表格行的颜色，但我无法访问td标签来更改其属性或添加ID。

所以我在后端尝试做的是在td的主体中注入一个脚本来有条件地改变它的颜色。我试过了：

<script>$(this).css("background-color", "red !important");</script>

这不起作用。如果这不起作用，那么我不确定我还能做什么，因为这似乎是最直接的方法;虽然我是javascript的新手所以我正在寻找一些帮助。

我发现其他主题问题类似于我的问题，但回复似乎主要使用包含，onclick或使用id标记。

基本上如果这是纯粹的标记，并且你有一个表，

 <table>
   <tr>
     <td>
       how to insert a script here to change this current elements color
       without know its id?
     </td>
   </tr>
 </table>

Answer 1

您可以使用

<script type="text/javascript">
    var allTD = document.getElementsByTagName("td");
</script>

您将在td文件中返回所有 HTML个元素的集合。

然后，您所要做的就是遍历集合并更改元素的样式。

Mozilla Developer Network的更多信息。