如何使用JQ nextUntil以及其他方法筛选4个td的tr元素之间所有2个td的tr元素?

使用 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

(0)
上一篇 2025年3月10日 12:24:24
下一篇 2025年3月10日 12:24:30

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论