Question

我的网页有6个网格，分别是grid1，grid2，grid3，grid4，grid5，grid6。当我点击搜索按钮时，我读取了grids中的数据。现在我想用grid1格式化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");
     }

Answer 1

试试这个，

$('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;
   }

Answer 2

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

这会找到ID以网格开头的所有元素，然后定位所有td的adn添加类

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

2 个答案: