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寫出來步驟詳細包含截圖  從數據庫到顯示層全都有  感興趣的小伙伴記得點個贊關注我）