0

我的页面有 6 个网格，分别称为 grid1、grid2、grid3、grid4、grid5、grid6。当我单击搜索按钮时，我读取了 grids 中的数据。现在我想用 style 设置 grid1、grid2、grid4、grid5 的样式"color:red"，我可以使用以下代码为它们设置样式：

   #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”来设置网格td的样式吗？

   .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");
     }
4

2 回答 2

0

试试这个，

$('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;
   }
于 2013-09-23T14:49:08.823 回答
0 
 $(function () {
   $("#mybutton").on('click',function(){
 $("[id^='grid']").find('td').addClass("GridColor");
 });
 });

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

于 2013-09-23T14:51:38.443 回答