यदि कोई अन्य मौजूद नहीं है तो JQuery में कोई तत्व चुनने का कोई शानदार तरीका है?

Question

मान लीजिए कि मेरे पास निम्न आवश्यकता है: तत्व e आईडी "x" के साथ तत्व में जोड़ें यदि कोई तत्व मौजूद है, अन्यथा शरीर में e जोड़ें।

DOM स्तर में 0 में, मैं लिख सकते हैं:

var parent = document.getElementById("x") || document.body; 
parent.appendChild(e); 

jQuery में, निम्न करता नहीं काम:

var parent = $("#x") || $("body"); 
parent.append(e); 

क्योंकि अगर आईडी x मौजूद है के साथ कोई तत्व, पहले असंबद्ध रिक्त jquery ऑब्जेक्ट देता है, सच है, झूठी नहीं है, इसलिए append कुछ भी नहीं करता है। मैं कर सकते हैं, तथापि, लिखें:

var parent = $("#x")[0] || $("body")[0]; 
parent.appendChild(e); 

लेकिन क्योंकि jQuery वस्तु का अनुक्रमण मुझे वापस हो जाता है HTMLElements के लिए इस समाधान कुछ हद तक भद्दा है, इसलिए मैं appendChild बजाय append उपयोग करना चाहिए। हालांकि यह काम करता है, मैं सोच रहा हूं कि स्तरों का मिश्रण मिश्रण या खराब डिजाइन का संकेतक है या नहीं।

first() का उपयोग करने का कोई तरीका हो सकता है? शायद मैं एक jQuery ऑब्जेक्ट बना सकता हूं जो अनिवार्य रूप से एक सरणी था जिसका पहला तत्व आईडी एक्स के साथ div था, और दूसरा शरीर था। मुझे पता है कि मैं इसे jQuery कन्स्ट्रक्टर फॉर्म के साथ कर सकता हूं जो एक तत्व सरणी लेता है, लेकिन फिर मैं स्तरों के मिश्रण पर वापस आ जाता हूं। मैं यह भी जानता हूं कि आईडी एक्स ($("#x").length) वाले तत्व के अस्तित्व की जांच कैसे करें, लेकिन मैं नहीं देख सकता कि यह कैसे "आईडी एक्स के साथ तत्व मौजूद है, अन्यथा शरीर" के लिए एक शानदार तरीका होगा।

क्या ऐसा कोई सूत्र मौजूद है?

Answer 1

के बजाय तत्व का चयन करने jQuery का उपयोग कर, आप इसे इस्तेमाल कर सकते हैं रैप करने के लिए:

इसके अलावा, यहाँ एक त्रिगुट रूप है कि केवल प्रत्येक प्रश्न एक बार आग (हालांकि यह पठनीयता पर एक व्यापार बंद है) है देशी डोम कॉल:

$(document.getElementById("foo") || document.body) 

यह बिल्कुल सुंदर (या वास्तव में भी jQuery का उपयोग), और न ही एक सार्वभौमिक रूप से लागू तकनीक नहीं है, लेकिन आप कुछ आप के लिए जोड़ सकते हैं के साथ खत्म हो जाएगा (और सिर्फ एक अपेक्षाकृत सस्ती jQuery मंगलाचरण उठाना एकबार)।

आप का उपयोग करने के लिए सक्षम नहीं होंगे first() - जैसे, $("#foo, body").first(); - क्योंकि जिस क्रम में यह तत्व चयनित रिटर्न डोम आदेश पर आधारित है, आदेश चयनकर्ता नहीं (धन्यवाद, @muistooshort)

Answer 2

ईमानदारी से, मैं वास्तव में नहीं लगता कि यह निहायत वर्बोज़ है:

var parent = $('#x'); 
if(parent.length == 0) parent = $('body'); 

और इसकी मंशा भी काफी स्पष्ट है। यदि यह मुहावरे बहुत कुछ आता है तो आप इसे एक समारोह में भी लपेट सकते हैं।

var parent = (x = $('#header')).length ? x : $('body');