Javascript 当我的页面有超过4个网格时，如何在一个页面中设置4个网格的样式？

我的页面有6个网格，称为grid1、grid2、grid3、grid4、grid5、grid6。当我单击搜索按钮时，我读取网格中的数据。现在我想用样式

“color:red”

设置grid1、grid2、grid4、grid5的样式，我可以使用以下代码设置它们的样式：

   #grid1.k-grid-content td {
   color:red 
   } 
   #grid2.k-grid-content td {
   color:red 
   } 
   #grid4.k-grid-content td {
   color:red 
   } 
   #grid5.k-grid-content td {
   color:red 
   } 

我认为这种方法非常复杂和冗余，像这样更改代码并单击搜索按钮，但失败了。但是如果我首先搜索数据，然后执行更改代码，它成功了。如何更改我的代码？我只是不想编写复杂和冗余的代码。它可以用于jquery“live”事件吗？有人使用“live”吗如何设计网格

   .GridColor {
   color:red 
   } 
     $(function () {
    $("#grid1.k-grid-content  td").addClass("GridColor");
    $("#grid2.k-grid-content  td").addClass("GridColor");
    $("#grid4.k-grid-content  td").addClass("GridColor");
    $("#grid5.k-grid-content  td").addClass("GridColor");
     }

试试这个

$('Search').on("click",function(){
$("#grid1.k-grid-content  td").addClass("GridColor");
    $("#grid2.k-grid-content  td").addClass("GridColor");
    $("#grid4.k-grid-content  td").addClass("GridColor");
    $("#grid5.k-grid-content  td").addClass("GridColor");
});



 .GridColor {
   color:red !important;
   }

---

这将查找ID以grid开头的所有元素，然后针对所有td的adn添加类

请创建小提琴。请注意，“live”已弃用，应替换为“on”事件谢谢，我发现我的更改代码失败，因为起初我没有单击“Search”按钮，网格没有任何数据（网格中没有任何“td”来表示红色）。您可以使用“live”绑定来设置td的样式。我认为是“live”绑定可能很有用。如果你使用

live

请确保你使用1.7.1.js或更高版本，因为1.7.1之后

live

函数被删除。在我的问题中，你认为使用css样式比使用javascript更有效吗？或者只是它们的效率相同。两者都相同……如果它的帮助已满，那么接受ans，这样任何主体都有相同的pro然后他得到了他的ans。谢谢，我发现我的更改代码失败了，因为一开始我没有点击“搜索”按钮，网格没有任何数据（网格没有任何“td”变为红色）。你能使用“live”绑定来设置td的样式吗？我认为是“live”绑定可能很有用。在jQuery 1.7版之后，live被弃用。on是它的替代品。如果您使用的是jQuery 1.7或更低版本，只需将.on替换为.live。在我的示例中，您认为在我的问题中，使用css样式比使用javascript更有效吗？或者只是它们同样有效。

 $(function () {
   $("#mybutton").on('click',function(){
 $("[id^='grid']").find('td').addClass("GridColor");
 });
 });