jquery 获取当前同级节点

说白了,这段代码是和点击事件相关的。

具体操作是:点击a标签时,将兄弟图片放在其前面。

我上周刚刚处理了类似的请求。
只需使用以前的版本即可。

jQuery遍历prev()方法使用介绍

去年夏天,我去杂货店买了一些香蕉。
我一回到家,就把香蕉皮扔掉了。
我突然想尝试一种方法来对比这个场景。
想一想,香蕉皮就像你页面上的房子元素,而你,香蕉的主人,就是初始元素。
当您调用 prev() 时,您正在寻找 Banana shell 之前的“元素”,即 Banana。
这个香蕉是您想要的与其兄弟元素相邻的元素。

但是如果你要找的是香蕉皮的前一个兄弟,比如固定皮前面的苹果皮,那就没办法了,因为苹果皮不是香蕉皮兄弟的前一个元素,而且jQuery会告诉你“jQuery返回一个空对象”。
哈哈,就好像你要求的东西不存在一样。

哦对了,我还记得一件事。
那天我买了5 块钱的香蕉,相当便宜,而且香蕉很甜。
但无论它多么甜蜜,它都会在你之后完成,就像当你运行 jQuery 方法时,它会是这样的。
但用这些方法解决问题就像吃香蕉一样。
很有趣,对吧?

理解jQuery index()方法的用法

坦率地说,jQuery 的索引方法告诉您兄弟行之间有多少个元素。
使用起来非常简单。

如果你想要一张专辑:
苹果 巴拿
  • 橙色 Vermelon
    使用此代码: javascript var index = $('Orange').index(); 控制台.log(索引); // 输出 2
    2 是什么?因为金黄色李是第三个,所以索引从0开始。

    另一种用法,可以表示父碗:

    苹果

    葡萄

    橙色

    佛瓜


    javascript var index = $('orange').index('水果球 > '); 控制台.log(索引); // 输出 3
    这里的黄金指数是 3 ,因为果盘里有四分之一。

    或者您可以过滤条件:
  • A
  • B
  • 橙色
  • C
    javascript var index = $('orange').index('.item'); 控制台.log(索引); // 输出1
    此时唯一的类型是兄弟项,另一个是橙色。
    需要注意的几点:索引从0开始,如果没有找到则返回-1 动态添加的元素也可以使用,但是必须等到dom更新后才能使用。

    实际使用起来非常方便,比如轮播导航,表格操作的顺序无论是奇数还是偶数。

    无论如何,只需使用index() 即可了解某个元素在其兄弟元素中的顺序。
    如果没有参数,它将查看正确的兄弟姐妹。
    如果参数存在,它将查看兄弟组。