दिलचस्प पोस्ट
बाल टैग में नेस्टेड नहीं केवल पाठ प्राप्त करने के लिए .text () का उपयोग करना ओविन स्व मेजबान और एएसपी नेट एमवीसी सामग्री पर लाइन ब्रेक के साथ लेनदेन एडीटीवी डीआईवी java.lang.ClassNotFoundException: sun.jdbc.odbc.JdbcOdbcDriver अपवाद हो रहा है। क्यूं कर? अपरिवर्तनीय प्रकार: सार्वजनिक अंतिम क्षेत्रों बनाम भर्ती XmlSerializer – प्रकार दर्शाती हुई एक त्रुटि थी PHP स्ट्रिप_टाग्स के MySQL क्वेरी समकक्ष क्या है? XML को सी # / LINQ का उपयोग करने के लिए JSON कन्वर्ट कैसे करें? अजाक्स कॉल प्रतिक्रिया की तरह 'के लिए (;;); {json डेटा} 'का अर्थ है? कैसे गतिशील रूप से एनआईटी के वेबब्राउजर या एमएसएसटीएल। एचटीएमएलडीकाट का उपयोग करते हुए एचटीएमएल कोड उत्पन्न करने के लिए? अलामफिर से मूल्य कैसे लौटाया जाए 2 एरेज़ की तुलना करें जो अंतर को रिटर्न देता है समवर्ती प्रोग्रामिंग और समानांतर प्रोग्रामिंग के बीच अंतर क्या है? JavaScript स्क्रिप्ट को निष्पादित करने के लिए मना कर दिया। अनुरोध के भीतर स्रोत कोड प्राप्त किया गया चर का गणितीय ऑपरेटर के साथ jQuery if बयान

JQuery का उपयोग कर एक div का भीतरी एचटीएमएल कैसे बदल सकता है?

मैं निम्नलिखित कैसे प्राप्त कर सकता हूं:

document.all.regTitle.innerHTML = 'Hello World'; 

JQuery का उपयोग करना जहां regTitle मेरे div आईडी है?

Solutions Collecting From Web of "JQuery का उपयोग कर एक div का भीतरी एचटीएमएल कैसे बदल सकता है?"

 $("#regTitle").html("Hello World"); 

Html () फ़ंक्शन HTML के स्ट्रिंग ले सकता है, और प्रभावी ढंग से।

 $('#regTitle').html('Hello World'); 

हालांकि, पाठ () फ़ंक्शन निर्दिष्ट तत्व के (टेक्स्ट) मान को बदल देगा, लेकिन html संरचना को बनाए रखें।

 $('#regTitle').text('Hello world'); 

यदि आपके पास एक jquery ऑब्जेक्ट है, तो आप मौजूदा सामग्री के बजाय रेंडर करना चाहते हैं। फिर बस सामग्री को रीसेट करें और नया जोड़ें

 var itemtoReplaceContentOf = $('#regTitle'); itemtoReplaceContentOf.html(''); newcontent.appendTo(itemtoReplaceContentOf); 

या:

 $('#regTitle').empty().append(newcontent); 

आपका जवाब यहां दिया गया है:

 //This is the setter of the innerHTML property in jQuery $('#regTitle').html('Hello World'); //This is the getter of the innerHTML property in jQuery var helloWorld = $('#regTitle').html(); 

jQuery के। .html() को मिलान किए गए गैर खाली तत्वों ( innerHTML ) की सामग्री को सेट करने और प्राप्त करने के लिए इस्तेमाल किया जा सकता है।

 var contents = $(element).html(); $(element).html("insert content into element"); 

उत्तर:

 $("#regTitle").html('Hello World'); 

स्पष्टीकरण:

$ jQuery समतुल्य है दोनों jQuery पुस्तकालय में एक ही वस्तु का प्रतिनिधित्व करते हैं। कोष्ठक के अंदर "#regTitle" को चयनकर्ता कहा जाता है जिसे jQuery के पुस्तकालय द्वारा उपयोग किया जाता है, यह पहचानने के लिए कि HTML DOM (दस्तावेज़ ऑब्जेक्ट मॉडल) का कौन सा तत्व (कोड) आपको कोड लागू करना चाहते हैं। # से पहले regTitle jQuery को बता रहा है कि regTitle DOM के भीतर एक तत्व का आईडी है।

वहां से, डॉट कॉन्टेशन का इस्तेमाल एचटीएमएल फंक्शन को कॉल करने के लिए किया जाता है जो आंतरिक एचटीएमएल को बदलता है, जिसमें पैरामीटर के बीच में रखा गया है, जो इस मामले में 'Hello World'

आप इसे प्राप्त करने के लिए jquery में html या text फ़ंक्शन का उपयोग कर सकते हैं

 $("#regTitle").html("hello world"); 

या

 $("#regTitle").text("hello world"); 

पहले से ही ऐसे उत्तर दिए गए हैं जो तत्व के इनर एचटीएमएल को बदलने के लिए देते हैं।

लेकिन मेरा सुझाव है कि आपको एचटीएमएल बदलने के लिए कुछ एनीमेशन का उपयोग करना चाहिए, जैसे फेड आउट / फ़ेड इन, जो कि एचटीएमएल को बदलता है, जो कि बदले हुए एचटीएमएल का अच्छा प्रभाव देता है, बल्कि आंतरिक एचटीएमएल को बदलता रहता है।

इनर HTML को बदलने के लिए एनीमेशन का उपयोग करें

 $('#regTitle').fadeOut(500, function() { $(this).html('Hello World!').fadeIn(500); }); 

यदि आपके पास कई फ़ंक्शन हैं जिनके लिए इसकी आवश्यकता है, तो आप सामान्य फ़ंक्शन को कॉल कर सकते हैं जो आंतरिक HTML को बदलता है।

 function changeInnerHtml(elementPath, newText){ $(elementPath).fadeOut(500, function() { $(this).html(newText).fadeIn(500); }); } 
 <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script> $( document ).ready(function() { $('.msg').html('hello world'); }); </script> </head> <body> <div class="msg"></div> </body> </html> 
 $("#regTitle")[0].innerHTML = 'Hello World';