Div टैग का मान सेट करने के लिए jquery का उपयोग करें

81

मेरे पास यह html div टैग परिभाषित है:

<div style="height:100px; width:100px" class="total-title">
    first text
</div>

इसका मूल्य बदलने के लिए मेरे पास jquery कोड है:

 $('div.total-title').html('test');

लेकिन यह div की सामग्री को नहीं बदलता है।

jquery html

— वायु
स्रोत

2

जहां आप वास्तव में कथन को निष्पादित करते हैं: $ ('div.total-title')। html ('परीक्षण'); ??

— नीक एच।

1

डीओआर तैयार होने के बाद अगर आप जेएस-कोड को कॉल करते हैं, तो कोड के साथ कुछ भी गलत नहीं है। फरज़ाद ने इसका सही जवाब दिया।

— सिंप्लीशर्ट

156

यदि आपका मूल्य एक शुद्ध पाठ है (जैसे 'परीक्षण') तो आप पाठ () विधि का भी उपयोग कर सकते हैं। इस तरह:

$('div.total-title').text('test');

वैसे भी, आपके द्वारा साझा की जा रही समस्या के बारे में, मुझे लगता है कि DIV के लिए HTML कोड को ब्राउज़र में भेजे जाने से पहले आप जावास्क्रिप्ट कोड को कॉल कर सकते हैं। सुनिश्चित करें कि आप <div> <div> के बाद jQuery लाइन को कॉल कर रहे हैं, या इस तरह एक बयान में:

$(document).ready(
    function() {
        $('div.total-title').text('test');
    }
);

इस तरह स्क्रिप्ट स्क्रिप्ट के HTML द्वारा पार्स करने के बाद निष्पादित होती है।

— कृपया
स्रोत

3

जब मैंने इसे div.total-value की तरह रखा तो यह काम नहीं कर रहा था। लेकिन इसे # टोटल-वैल्यू की तरह बनाने के बाद यह काम करता है

— निपुण

अनाम फ़ंक्शन के आसपास आपको इसे रैप करने की आवश्यकता क्यों है? क्या इसके बिना काम चलेगा?

— नहसर बख्त

चूँकि पेज अभी तक सेट नहीं हुआ है, अगर यह लोडिंग समाप्त नहीं हुआ है, तो div अभी भी मौजूद नहीं हो सकता है यदि आप बस शीर्ष स्तर में कच्चे कोड को कहते हैं, तो <head>।

— ड्रैगन लॉर्ड

मूल्यांकन में देरी के लिए या तो तैयार या अनाम फ़ंक्शन की आवश्यकता है। इस निरर्थक मामले में मेरा मानना है कि कोड ओवरकिल है, लेकिन यह बाद में गलतियों से बचने के लिए सॉफ्टवेयर मेंटेनर्स में कटौती और पेस्ट को प्रोत्साहित करता है।

— ड्रैगनलैड

हाँ, मुझे लगता है कि यह होना चाहिए$('#div.total-title').text('test');

— hynsey

9

पाठ डालने के लिए, उपयोग करें .text('text')

यदि आप उपयोग करना चाहते हैं .html(SomeValue), तो SomeValue में html टैग होने चाहिए जो एक div के अंदर हो सकते हैं यह भी काम करना चाहिए।

बस अपने स्क्रिप्ट स्थान की जाँच करें, जैसा कि फरज़ाद ने कहा।

संदर्भ:। Html और पाठ

— MaLKaV_eS
स्रोत

5

इस फ़ंक्शन का प्रयास करें $('div.total-title').text('test');

— एलेक्स एच
स्रोत

पाठ अभी अप्रचलित है, v1.4 या पीछे के लिए।

— ऋषभ

4

आपने jQuery JS फाइल को संदर्भित नहीं किया है? कोई कारण नहीं है कि फरज़ाद का जवाब काम न करे।

— djdd87
स्रोत

0

.html()विधि का उपयोग करते समय , एक htmlStringपैरामीटर होना चाहिए। ( स्रोत ) अपना स्ट्रिंग एक HTML टैग के अंदर रखें और इसे .text()फ़ार्ज़ाद द्वारा सुझाए गए अनुसार काम करना चाहिए या उपयोग करना चाहिए ।

उदाहरण:

<div class="demo-container">
    <div class="demo-box">Demonstration Box</div>
</div>

<script type="text/javascript">
$("div.demo-container").html( "<p>All new content. <em>You bet!</em></p>" );
</script>

— जो स्मो
स्रोत

0

नीचे के रूप में उपयोग करें:

<div id="getSessionStorage"></div>

इसके लिए संदर्भ के लिए कोड के नीचे कुछ भी उपयोग करने के लिए:

$(document).ready(function () {
        var storageVal = sessionStorage.getItem("UserName");
        alert(storageVal);
        $("#getSessionStorage").append(storageVal);
     });

यह नीचे HTML में दिखाई देगा (भंडारण भंडारण = "ऋषभ")

<div id="getSessionStorage">Rishabh</div>

— रिषभ
स्रोत