新建一个html文件,定名为test.html,用于讲解jquery怎么获取当前元素的兄弟元素。
在test.html文件内,引入jquery.min.js库文件,当作功加载该文件,才能利用jquery中的方式。
在test.html文件内,在p标签内,利用span标签建立多行文字,例如,这里建立四行文字。
在test.html文件内,编写标签,页面的js逻辑代码将写在该标签内。
在js标签中,经由过程获得span对象,给每一个span元素绑定click事务,当span元素被点击时,执行function()方式。
在function()方式内,经由过程$(this)获适当前点击的span对象,利用siblings()方式获得它的兄弟对象,为了显示结果,这里利用css()方式将这些兄弟元素的文字颜色改为蓝色。
在浏览器打开test.html文件,点击文字,查看实现的结果。
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!