vue获取当前对象

<li v-for="img in willLoadImg" @click="selectImg($event)"> <img class="loadimg" :src="img.url" :data-id="img.id" alt=""> </li>

　　

咱们给li标签绑定了一个点击事件selectImg()，传入了$event对象。(这里循环遍历了一个图片数组，是为了展现更好的效果，若有须要请自行定义数组及其对应的图片，可不要只是彻底复制了代码来问我为何报错神马的)

事件方法代码：

methods: {
    selectImg(event) {
            console.log(event.currentTarget);
            console.log(event.target);
    }
}

　关键在于　vue中获取当前对象的参数（$event） 不能换成其余的

 

下面再讲一下循环遍历控件

1.js获取兄弟节点的方法：
function siblings (context) {
var siblings = [];
/*得到父节点*/
var parent = context.parentNode;
/*得到父节点的全部孩子节点*/
var childs = parent.children;
for(var i = 0; i < childs.length;i++){
if (childs[i] !== context){
siblings.push(childs[i])
}
}
return siblings ;
}

 

3. JQuery中的查找父节点、子节点、兄弟节点的方法：

jQuery.parent(expr) 找父亲节点，能够传入expr进行过滤，好比$("span").parent()或者$("span").parent(".class")

jQuery.parents(expr),相似于jQuery.parents(expr),可是是查找全部祖先元素，不限于父元素

jQuery.children(expr).返回全部子节点，这个方法只会返回直接的孩子节点，不会返回全部的子孙节点

jQuery.contents(),返回下面的全部内容，包括节点和文本。这个方法和children()的区别就在于，包括空白文本，也会被做为一个

jQuery对象返回，children()则只会返回节点

jQuery.prev()，返回上一个兄弟节点，不是全部的兄弟节点

jQuery.prevAll()，返回全部以前的兄弟节点

jQuery.next(),返回下一个兄弟节点，不是全部的兄弟节点

jQuery.nextAll()，返回全部以后的兄弟节点

jQuery.siblings(),返回兄弟姐妹节点，不分先后
（我的笔记仅此奉上不知道怎样才能让有须要的小伙伴看到但愿大家搜对了吧）

（下一节中我会把单表增删改用SSM写出来步骤详细包含截图  从数据库到显示层全都有  感兴趣的小伙伴记得点个赞关注我）