如何在Ext.select('。classname')内部获取类名,以及如何从EXTJS

时间:2018-09-05 17:24:48

标签: javascript extjs

我正在尝试检查该父类中是否存在一个类:

var index = 1;
Ext.select(".test").elements[index];

这是上面的o / p:

<div class="parent">
  <div class="div1"></div>
  <div class="div2"></div>
  <div class="div3">
      <div class="hidden"></div>
      <div class="hidden"></div>
      <div class="hidden"></div>
      <div class="hidden"></div>
      <div class="hidden"></div>
      <div class="remove-child"></div>
  </div>
</div>

现在我正在尝试查找哪个class="div3的div没有一个class="hidden"的孩子,我想用div删除那个class="remove-child"并将其替换与另一个div一起说<div class="new-child"></div>,这样o / p将是:

<div class="parent">
      <div class="div1"></div>
      <div class="div2"></div>
      <div class="div3">
          <div class="hidden"></div>
          <div class="hidden"></div>
          <div class="hidden"></div>
          <div class="hidden"></div>
          <div class="hidden"></div>
          <div class="new-child"></div>
      </div>
    </div>

这可能吗?谢谢!

1 个答案:

答案 0 :(得分:0)

使用非选择器匹配子项并替换:

Ext.select('.div3 > :not(.hidden)').replaceWith({
    cls: 'new-child',
    html: 'New'
});

Fiddle