jquery怎么获取当前元素的兄弟元素

html+jquery代码编纂器:Dreamweaver CS5

方式/步调

  1. 1

    新建一个html文件,定名为test.html,用于讲解jquery怎么获取当前元素的兄弟元素。

    4b90f603738da9770bd87547bf51f8198718e3e3.jpg
  2. 2

    在test.html文件内,引入jquery.min.js库文件,当作功加载该文件,才能利用jquery中的方式。

    267f9e2f070828385b962f78b799a9014d08f1c7.jpg
  3. 3

    在test.html文件内,在p标签内,利用span标签建立多行文字,例如,这里建立四行文字。

    86d6277f9e2f07086b9ed96ce624b899a801f2c7.jpg
  4. 4

    在test.html文件内,编写标签,页面的js逻辑代码将写在该标签内。

    b21bb051f819861801cf1ce845ed2e738ad4e6d6.jpg
  5. 5

    在js标签中,经由过程获得span对象,给每一个span元素绑定click事务,当span元素被点击时,执行function()方式。

    2f738bd4b31c87019f41418a287f9e2f0608ffe3.jpg
  6. 6

    在function()方式内,经由过程$(this)获适当前点击的span对象,利用siblings()方式获得它的兄弟对象,为了显示结果,这里利用css()方式将这些兄弟元素的文字颜色改为蓝色。

    63d0f703918fa0ec524f9761299759ee3c6ddbd6.jpg
  7. 7

    在浏览器打开test.html文件,点击文字,查看实现的结果。

    1e30e924b899a90104aea85a12950a7b0308f5c7.jpg b999a9014c086e065720cc270d087bf40bd1cbd6.jpg
  • 发表于 2019-12-22 17:00
  • 阅读 ( 784 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具