欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JQ 节点关系遍历

程序员文章站 2022-06-02 18:27:12
...

1、index()

    描述:获取在兄弟节点中的排名

    语法:jq对象.index()

    eg:

 $('button:eq(0)').click(function () {
   var index = $('.p1').index();
     console.log(index);//
  });

2、each()

    描述:节点的遍历

    语法:

jq.each(function(index,ele){ index:下标 ele:jq中的元素 });

   eg:

$('td').mouseenter(function () {
      var index = $(this).index();
        console.log(index);
        $('tr').each(function () {
            $(this).children().eq(index).css('background-color','red').siblings().css('background-color','');
        })
    });