使用 jq nextuntil 进行筛选
在提供的问题中,需要在筛选出拥有 4 个 td 的 tr 元素后,继续筛选该元素后面的所有拥有 2 个 td 的 tr 元素,直至遇到另一个拥有 4 个 td 的 tr 元素。
为了使用 nextuntil 实现筛选,可以使用以下代码:
var nextuntil2td = function(obj) { var n = obj.next(); if (n.find('td').length === 2) { nextuntil2td(n); }};a.each(function() { nextuntil2td($(this));});
登录后复制
此代码通过递归调用 next() 方法和比较 td 元素的数量来查找符合条件的 tr 元素,直到遇到具有 4 个 td 的 tr 元素为止。
其他方法
除了 nextuntil 之外,还可以通过以下方法来实现所需的筛选:
map() 和 filter() 方法:
tr4elem.map(function() { let elem = $(this); let index = tr4elem.index(this); return {tr4: elem, tr2: elem.nextuntil(tr4elem[index + 1])};}).filter(function() { return this.tr2.length > 0;});
登录后复制循环方法:
for (let i = 0; i < tr4Elem.length; i++) { let elem = $(tr4Elem[i]); let tr2 = elem.next(); while (tr2.find('td').length === 2) { console.log(tr2); tr2 = tr2.next(); }}
登录后复制
这些方法都可以有效地从拥有 4 个 td 的 tr 元素开始,直至遇到另一个拥有 4 个 td 的 tr 元素,并筛选出其间所有拥有 2 个 td 的 tr 元素。
以上就是如何使用JQ nextUntil以及其他方法筛选4个td的tr元素之间所有2个td的tr元素?的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2844781.html