Vue -- 获取点击元素的兄弟元素
一、首先 //首先是获取当前点击事件//view绑定并传递 $event<span v-show="depart" v-on:click="searchDepart($event)">部门</span>二、然后,scripte.target; //是你当前点击的元素e.currentTarget; //是你绑定事件的元素//获得点击元素的前一个元素e.currentTarg
·
一、首先
//首先是获取当前点击事件
//view绑定并传递 $event
<span v-show="depart" v-on:click="searchDepart($event)">部门</span>
二、然后,script
e.target; //是你当前点击的元素
e.currentTarget; //是你绑定事件的元素
//获得点击元素的前一个元素
e.currentTarget.previousElementSibling
//类似前前一个元素
e.currentTarget.previousElementSibling.previousElementSibling
//获得点击元素的第一个子元素
e.currentTarget.firstElementChild
//获得点击元素的下一个元素
e.currentTarget.nextElementSibling;
//类似下下个元素
e.currentTarget.nextElementSibling.nextElementSibling
//获得点击元素中id为string的元素
e.currentTarget.getElementById("string")
//获得点击元素的string属性
e.currentTarget.getAttributeNode('string')
//获得点击元素的父级元素
e.currentTarget.parentElement
在JQuery里有个函数:$(this).siblings() //获取this的全有兄弟元素,vue.js里没有
三、附加:
e.target; //是你当前点击的元素
e.currentTarget; //是你绑定事件的元素
两者的区别,奇怪参考该作者:https://www.jianshu.com/p/1dd668ccc97a
更多推荐
已为社区贡献1条内容
所有评论(0)