如何在Ext.select（'。classname'）中获取一个类名，并从内部删除一个div-EXTJS

Posted 2021-05-06

我正在尝试检查此父类中是否存在类：

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>

这可能吗？谢谢！

答案

使用not选择器匹配子（ren）并替换：

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

Fiddle。