JQuery: Kiểm tra xem phần tử có tồn tại cùng với '.remove()'

Question

Tôi biết bạn có thể kiểm tra xem phần tử có tồn tại với $('div').length không, nhưng khi phần tử bị hủy bằng cách sử dụng .remove(), .length vẫn báo cáo div tồn tại. Làm thế nào tôi có thể tìm thấy có hay không nó thực sự tồn tại?

if ($('div').length) { 
    alert('yes') 
} else { 
    alert('no') 
} 

Answer 1

thử nghiệm cho dù đó có cha mẹ:

if ($element.parent().length) { alert('yes') } 
else { alert('no') } 

hoặc nếu bạn có một tham chiếu đến phần tử DOM:

if(element.parentNode) { 
    // yes 
} 

Rõ ràng, điều này chỉ làm cho các yếu tố bạn đã có một tham chiếu đến.

FWIW, bản thân phần tử vẫn tồn tại, nó không chỉ là một phần của cây DOM.

Answer 2

Bởi tồn tại, bạn có nghĩa là bạn muốn xem nếu nó tồn tại trong dom? Kiểm tra xem "html" có phải là tổ tiên không:

var $myDiv = $(".myDiv"); 
$myDiv.closest("html").length; // returns 1 
$myDiv.remove(); 
$myDiv.closest("html").length; // returns 0 

Hoặc sử dụng .is("html *"). Nó trả về giá trị boolean, tiện dụng:

var $myDiv = $(".myDiv"); 
$myDiv.is("html *"); // returns true 
$myDiv.remove(); 
$myDiv.is("html *"); // returns false 

Answer 3

bạn có thể lấy phụ huynh của phần tử trước khi xóa phần tử và sau khi phần tử đã bị xóa, bạn có thể kiểm tra như thế này!

var parent = $(element).parent(); 
    $(element).remove(); 

    if(parent.children(element)) { alert('yes'); } 
    else { alert('no'); } 

tất nhiên yếu tố sẽ có một số jquery selector

Answer 4

if (!$foo.closest('html').length) { 
    //Element is detached 
} 

này sẽ vẫn làm việc nếu một trong cha mẹ của phần tử đã được gỡ bỏ (trong trường hợp các yếu tố bản thân vẫn sẽ có một mẹ).

Tôi trích dẫn this answer.