Javascript 从特定td中删除css内联类和样式

我有一个剑道网格，生成以下代码：

<div id="myGrid" class="k-grid k-widget" data-role="grid" style="display: block;">
   <div class="k-grid-header" style="padding-right: 17px;">
     <div class="k-grid-header-wrap">
       <table role="grid">
          <colgroup>
             <col>
          </colgroup>
          <thead role="rowgroup">
            <tr role="row">
               <th role="columnheader" data-field="filename" rowspan="1" data-title="Nombre" data-index="0" id="9d93448e-a9f6-42bd-8ba6-c8b31334efcc" class="k-header">Name</th>
               <th id="1b52a29e-730e-471c-978f-a44cffad7d90" rowspan="1" data-index="1" class="k-header">/th>
            </tr>
          </thead>
       </table>
    </div>
  </div>
  <div class="k-grid-content">
    <table role="grid">
      <colgroup>
        <col>
      </colgroup>
      <tbody role="rowgroup">
        <tr data-uid="368518f3-0ffc-4797-b262-85346e89430e" role="row">
          <td class="text-disabled-color" role="gridcell">
            <a href="javascript:" onclick="onOpenFile(&quot;/myController/myAction/OpenAttachmentById&quot;,&quot;9286f5c9-447b-4fb5-b322-0d5bf09d1913&quot;)">myFile.pdf</a>
          </td>
          <td style="display:none" role="gridcell">
            <a class="k-button k-button-icontext k-grid-delete" href="#"><span class="k-icon k-delete"></span></a>
          </td>
        </tr>
      </tbody>
    </table>
   </div>
  </div>

我知道我可以通过使用jQuery做到这一点：

$("td[class='text-disabled-color']").removeAttr("class");​
$("td[style='display:none']").removeAttr("style");​

但是这有点危险，因为如果另一个td元素具有相同的内联类和样式，它将被删除

---

我想从div容器myGrid中的第二个表中删除内联类和样式。假设有另一个具有相同内联类和样式的td元素的表，在这种情况下，我不想删除它们，只想删除myGrid容器中的那些元素。如何执行此操作？

您可以使用下面的脚本，在div中找到k-grid-content类的表。查找表中的所有tds并删除类/属性

$（函数（）{
var$table=$（“#myGrid div.k-grid-content table[role=grid]”）；
$table.find（'td[role=“gridcell”]”）。每个（函数（）{
$（this.removeClass（'text-disabled-color'）；
$（this.removeAttr（'style'）；
});
});
。文本禁用颜色{
颜色：红色；
}

名称
一些文本
一些文本
您可以使用下面的脚本，在div中找到k-grid-content类的表。查找表中的所有tds并删除类/属性


$（函数（）{
var$table=$（“#myGrid div.k-grid-content table[role=grid]”）；
$table.find（'td[role=“gridcell”]”）。每个（函数（）{
$（this.removeClass（'text-disabled-color'）；
$（this.removeAttr（'style'）；
});
});
。文本禁用颜色{
颜色：红色；
}

名称
一些文本
一些文本
由于您总是需要删除第二个表
css
和
样式
您可以使用
表：等式（1）
这将参考第二个表，即：

$("#myGrid table:eq(1) td.text-disabled-color").removeAttr('class')
$("#myGrid table:eq(1) td[style='display:none']").removeAttr("style");

由于您总是需要删除第二个表
css
&
style
，您可以使用
table:eq（1）
，这将参考第二个表，即：

$("#myGrid table:eq(1) td.text-disabled-color").removeAttr('class')
$("#myGrid table:eq(1) td[style='display:none']").removeAttr("style");

你总是需要从第二张桌子上删除吗？@Swati是的，我只需要从第二张桌子上删除它们。你总是需要从第二张桌子上删除它们吗？@Swati是的，我只需要从第二张桌子上删除它们