jQuery डोम प्राप्त तत्व

Question

मैं मान लिया जाये कि मैं इतने पर इस चलाने

<input type="text" value="" size="28" maxlength="140" tabindex="1" placeholder="search" class="textbox" name="q" autocomplete="off"> 

कैसे मिलता है मैं

$(":input[type=text]:first") 

है कहो?

अद्यतन मैं .parent() पर कॉल नहीं करना चाहता क्योंकि मेरे पास मूल तत्व में बहुत सारी चीज़ें हैं।

Answer 1

An old trick:

var selector = ":input[type=text]:first"; 

var str = $(selector).clone().wrap('<div/>').parent().html(); 

अद्यतन आप .parent() बुला जब से तुम एक अनाथ क्लोन के साथ काम कर रहे हैं के बारे में चिंता करने की जरूरत नहीं मूल चयनकर्ता का।

Answer 2

किसी बनाए गए तत्व में संलग्न करके jQuery.html() का उपयोग करें।

$('<div/>').append($(":input[type=text]:first").clone()).html() 

यहाँ एक उदाहरण प्रदान एक बेला जाता है: http://jsfiddle.net/Zwbmx/1/

Answer 3

कैसे के बारे में:

var str = $(selector)[0] 

हो सकता है कि एक जांच है कि वहाँ एक तत्व लौटे जोड़ें।

Answer 4

@Blazemonger ने जो उत्तर दिया है उसके बाद, यदि आप सर्वर पर यह HTML सामग्री भेजने जा रहे हैं, तो यह सभी अनावश्यक टैग, श्वेत-रिक्त स्थान और लाइन-ब्रेक से छुटकारा पाने के लायक है जो कोई मूल्य नहीं जोड़ते हैं।

var quote = $(".invoice") //get hidden print-version DOM element 
    .clone() 
    .wrap('<div/>') 
    .parent() 
    .html() 
    .replace(/ /g, '') //get rid of indentation spaces 
    .replace(/(\r\n|\n|\r)/gm, "") //get rid of line breaks 
    .replace(/<!--[\s\S]*?-->/g, ""); //get rid of comment tags 

मेरे एचटीएमएल 50kb, इस चीज से छुटकारा पाने के बाद, यह 4KB करने के लिए कम हो गया था!

Answer 5

कैसे

के बारे में

$(selector).prop("outerHTML");