যাক আমি একটি উপাদান সংজ্ঞায়িত করা যাক
$foo = $('#foo');এবং তারপর আমি কল
$foo.remove()কিছু ঘটনা থেকে। আমার প্রশ্ন হ'ল, আমি কীভাবে চেক করব যে ডিওএম থেকে oo foo সরানো হয়েছে কিনা? আমি খুঁজে পেয়েছি যে $foo.is(':hidden')কাজ করে, কিন্তু এটি অবশ্যই সত্য ফিরে আসে যদি আমি কেবল বলা হয় $foo.hide()।
উত্তর:
এটার মত:
if (!jQuery.contains(document, $foo[0])) {
//Element is detached
}যদি উপাদানটির পিতা-মাতার একজন অপসারণ করা হয় তবে এটি এখনও কাজ করবে (সেক্ষেত্রে উপাদানটির এখনও একটি পিতা বা মাতা থাকবে)।
$.contains(document.documentElement, $foo.get(0))হচ্ছে এটি দ্রুততম উপায়।
document.contains($foo[0])
আমি আমার প্রশ্নটি টাইপ করার সাথে সাথে একটি উত্তর বুঝতে পেরেছিলাম: কল করুন Call
$foo.parent()যদি $f00ডিওএম থেকে অপসারণ করা হয়, তবে$foo.parent().length === 0 । অন্যথায়, এর দৈর্ঘ্য কমপক্ষে 1 হবে।
[সম্পাদনা করুন: এটি সম্পূর্ণরূপে সঠিক নয়, কারণ সরানো উপাদানটির এখনও পিতামাতারা থাকতে পারে; উদাহরণস্বরূপ, আপনি যদি একটি অপসারণ <ul>করেন তবে এর প্রতিটি সন্তানের <li>এখনও পিতামাতা থাকবে। পরিবর্তে স্ল্যাকের উত্তর ব্যবহার করুন।
$fooথেকে অপসারণ করা হয়েছে তা নিশ্চিত করে পরীক্ষা করছে । যদি এটি সফলভাবে মুছে ফেলা হয় তবে এর আর কোনও প্যারেন্ট উপাদান থাকবে না। সুতরাং এর $foo.parent().length === 0অর্থ হ'ল অপসারণটি সফল হয়েছিল।
যেহেতু আমি মন্তব্য হিসাবে প্রতিক্রিয়া জানাতে অক্ষম (আমার ধারণা খুব কম কর্মফল), তাই এখানে একটি সম্পূর্ণ উত্তর দেওয়া হয়েছে। ব্রাউজার সমর্থনের জন্য jQuery চেকটি সহজেই নথিভুক্ত করা এবং ধ্রুবক কারণগুলি সর্বনিম্নে শেভ করা সহজতম উপায়।
যেমনটি এখানেও দেখা গেছে - http://jsperf.com/jquery-element-in-dom/28 - কোডটি দেখতে এমন হবে:
var isElementInDOM = (function($) {
var docElt = document.documentElement, find,
contains = docElt.contains ?
function(elt) { return docElt.contains(elt); } :
docElt.compareDocumentPosition ?
function(elt) {
return docElt.compareDocumentPosition(elt) & 16;
} :
((find = function(elt) {
return elt && (elt == docElt || find(elt.parentNode));
}), function(elt) { return find(elt); });
return function(elt) {
return !!(elt && ((elt = elt.parent) == docElt || contains(elt)));
};
})(jQuery);এটি শব্দার্থগতভাবে jQuery.contains (ডকুমেন্ট.ডোকমেন্ট এলিমেন্ট, এলট [0]) এর সমান।
সম্ভবত সবচেয়ে কার্যকরী উপায় হ'ল:
document.contains(node); // booleanএটি jQuery এর সাথেও কাজ করে:
document.contains($element[0]); // var $element = $("#some-element")
document.contains(this[0]); // in contexts like $.each(), `this` is the jQ objectএমডিএন থেকে উত্স
বিঃদ্রঃ:
আমি এই পদ্ধতির পছন্দ। কোনও jQuery এবং কোনও DOM অনুসন্ধান নেই। প্রথমে শীর্ষ পিতামাতার (পূর্বপুরুষ) সন্ধান করুন। তারপরে দেখুন এটি ডকুমেন্টএলমেন্ট কিনা।
function ancestor(HTMLobj){
while(HTMLobj.parentElement){HTMLobj=HTMLobj.parentElement}
return HTMLobj;
}
function inTheDOM(obj){
return ancestor(obj)===document.documentElement;
}অভিভাবকদের পুনরাবৃত্তি করার পরিবর্তে আপনি যখন আবদ্ধ উপাদানটি ডোম থেকে বিচ্ছিন্ন করেন তখন সমস্ত জিরো বাউন্ডিং রেক্টট পেতে পারেন
function isInDOM(element) {
var rect=element.getBoundingClientRect();
return (rect.top || rect.bottom || rect.height || rect.width)?true:false;
}আপনি যদি শূন্য উপরে এবং শূন্য বামে শূন্য প্রস্থ এবং উচ্চতা উপাদানের প্রান্ত কেসটি পরিচালনা করতে চান তবে আপনি ডকুমেন্ট পর্যন্ত পিতামাতার পুনরাবৃত্তি করে দ্বিগুণ চেক করতে পারবেন
display: noneকোনও সীমানা নেই
পেরোর মন্তব্যের সাথে একমত এটি এর মতোও করা যেতে পারে:
$foo.parents().last().is(document.documentElement);jQuery.fn.isInDOM = function () {
if (this.length == 1) {
var element = this.get(0);
var rect = element.getBoundingClientRect();
if (rect.top + rect.bottom + rect.width + rect.height + rect.left + rect.right == 0)
return false;
return true;
}
return false;
};কেন শুধু শুধু: if( $('#foo').length === 0)...?
$foo, এবং পুনরায় জিজ্ঞাসাটি কোনও উপাদানগুলির সাথে মিলেছে কিনা তা পরীক্ষা করে দেখা অনেক পরিস্থিতিতে দৃ vi় সমস্যার একটি কার্যকর সমাধান বলে মনে হয়। এমনকি jQuery এবং ব্রাউজারগুলি নির্দিষ্ট কিছু নির্বাচককে যেমন অনুকূলকরণ (যেমন আইডি দ্বারা) অপ্টিমাইজ করে তার কারণে এটি অন্যান্য সমাধানগুলির থেকে কিছুটা দ্রুত হয়ে যেতে পারে ।
$foo.closest(document.documentElement)হয় দ্রুত (যদি কেউ খেয়াল jsperf.com/jquery-element-in-dom )