鍍金池/ 問答/C  HTML/ jquert 為什么獲取父級的父級元素一直報錯 ?

jquert 為什么獲取父級的父級元素一直報錯 ?

clipboard.png

clipboard.png
jquert 獲取刪除選中的checkbox的父級元素的父級元素,為何一直報錯,圖中checkbox已經(jīng)測試了獲取成功,為什么一取父級元素就報錯,求前輩指點!謝謝!

clipboard.png

回答
編輯回答
青檸

$(".checkboxdele")[i]是dom對象不是jquery對象,沒有parent方法

2018年6月29日 05:34
編輯回答
赱丅呿

你把$(".checkboxdele")[i]打印出來看看它的節(jié)點有哪些,然后接著打印它的parent(),很快你就能定位到問題了。

2018年2月18日 15:05
編輯回答
扯不斷

使用[i]獲取到的是dom對象,dom對象是沒有parent方法的,你需要使用eq(i),這樣獲取到的還是jquery對象:

$(".checkboxdele").eq(i).parent().parent().remove();

Update:
隔行刪除,一次刪除不完的問題:

$(".dele").click(function () {
    let arr = $(".checkboxdele")
    for (let i = arr.length - 1; i >= 0; i--) { // 倒著刪除
        if (arr[i].checked) {
            arr.eq(i).parent().parent().remove();
        }
    }
})
2018年4月11日 17:39