Question

我有以下div：

  <div class="wrap-header-requirements">
    <table>
    <tr>
    <th class="wrap-header-requirementsTHName">NAME  <img src="resources/images/arrow-bottom-1-512.png" class="studentRequirementSort" />
    </th>
    <th class="wrap-header-requirementsGeneral">CLASS<img src="resources/images/arrow-bottom-1-512.png" class="studentRequirementSort" />
    </th>
    <th class="wrap-header-requirementsGeneral">GROUP  <img src="resources/images/arrow-bottom-1-512.png" class="studentRequirementSort" />
</th>
<th class="wrap-header-requirementsGeneral">SYSTEM  <img src="resources/images/arrow-bottom-1-512.png" class="studentRequirementSort" />
</th>
<th class="wrap-header-requirementsTHCentered">FEES (USD)  <img src="resources/images/arrow-bottom-1-512.png" class="studentRequirementSort" /></th></tr></table></div>

好吧所以现在我的问题是，如果我在变量元素中有上面div的容器并且我做了element.down（＆＃39; img＆＃39;）我得到第一张图片但是我怎么做得到剩下的图像，我不能为我的限制的每个元素设置不同的类，但任何其他的想法或代码将非常感激

Answer 1

如果你有ExtJS可用，你可以这样做以获得img内的所有.wrap-header-requirements - 标签：

Ext.query('.wrap-header-requirements img');

注意：这将返回一个DOM节点数组而不是Ext组件。

Answer 2

使用：

element.query('img');

这意味着在任何与选择器element匹配的深度抓取img的任何子节点。

Documentation link

在javascript中使用element.down（）函数时，如何分隔同一div中的图像

2 个答案: