我在DOM中具有以下元素树:
<table>
<tbody>
<tr>
<td>
<div class="separator1"></div>
</td>
</tr>
<tr></tr>
<tr></tr>
<tr>
<td>
<div class="separator2"></div>
</td>
</tr>
</tbody>
</table>
我也有以下结构:
<div class="separator1"></div>
<div></div>
<div></div>
<div class="separator2"></div>
在两种情况下,如何获取类为“ separator1”的元素和类为“ separator2”的元素之间的所有元素?
在第一个示例中,我想返回介于第二个示例之间的所有tr,所有在其之间但具有相同功能的div。
[我尝试过的是nextAll()
和nextUntil()
,但它们仅返回同级,在第二个示例中有效,而在第一个示例中无效。
const $from = $("tr").has(".separator1");
const $to = $("tr").has(".separator2");
const $range = $from.nextUntil($to)
console.log($range.text())