如何使用EXTJ从元素的lastChild中删除类名

Question

这可能非常容易破解，但我只是没有使它起作用： 我想从子节点中删除一个类：我正在访问lastchild，如下所示： 代码：

Ext.select(".item").elements[0].lastChild

o / p：

<table class="abc test hide test123">
  <tbody>
      <tr>
         <td></td>
     </tr>
  </tbody>
</table>

我想删除class="hide“并替换为class="show"，以便呈现：

<table class="abc test show test123">
      <tbody>
          <tr>
             <td></td>
         </tr>
      </tbody>
    </table>

这是整个结构的外观：

<div class="item">
   <div></div>
<div class="abc test hide"></div>
<div class="abc5643"></div>
<div class="abide"></div>
<table class="abc test hide test123">
   <tbody>
              <tr>
                 <td></td>
             </tr>
          </tbody>
</table>
</div>

所以<table>是父类item的最后一个孩子。

我该怎么做？

Answer 1

这是FIDDLE

替换后：

Answer 2

与ExtJS的工作原理类似（与JS的DOM操作相比）：

Ext.select(".item > *:last-child").removeCls("hide").addCls("show");

^仅在针对纯HTML标记而不是ExtJS组件运行时才建议使用。