JS - 查找同辈中的对象

时间:2022-03-11 14:24:12

今天在使用parent().find(".a:first")的时候,发现查找结果非正常按照顺序来的。有点递归的感觉,从底层往上。

因为需要的是同级的对象,所以去查了一下jquery的使用手册

nextAll:

查找当前元素之后所有的同辈元素。

可以用表达式过滤

 
//每组都是有td.one
$(".td.one").each(function () {
console.log($(this).find("div:first-child"))
var id = parseInt($(this).find("div:first-child").attr("id"));//这个是正常顺序的,即我们浏览器能够看到的从上到下的顺序
if (isNaN(id)) {
return true;
}
//查找同辈中.td.four对象
//原先用的是$(this).parent().find(".td.four:first"),但是这个找到的第一个并不是由上到下顺序的形式,而是从最底层往回走,这应该和js本身的代码编写有关,所以为了准确的找到同级的对象,使用了nextAll的查找
var sort = parseInt($(this).nextAll(".td.four").find("input.rk").val());
})