JQuery का उपयोग करके मुझे का मान कैसे मिलेगा?

149

यह बुनियादी है।

उपरोक्त अवधि के लिए मुझे 'यह मेरा नाम कैसे है' मान मिलता है?

<div id='item1'>
<span>This is my name</span>
</div>

javascript jquery html

— फेलिप बरेरिओस
स्रोत

299

मुझे लगता है कि यह एक सरल उदाहरण होना चाहिए:

$('#item1 span').text();

या

$('#item1 span').html();

— लेविस
स्रोत

1

मैं उन jQuery फ़ंक्शंस को कहां खोजूं?

— फेलिप बरियेरोस

25

मुझे लगता है कि इन दो कार्यों को दिखाते समय यह महत्वपूर्ण है कि हम नए कोडर्स को यह सुझाव देकर भ्रमित न करें कि वे एक ही काम करते हैं, जब वे नहीं करते हैं (हालांकि इस उदाहरण में ऐसा प्रतीत होगा)। यह नोट करना महत्वपूर्ण है कि .text()html किसी भी वर्ण को ढूँढता है, जबकि .html()वह किसी वर्ण को कूटबद्ध नहीं करेगा।

— VoidKing

क्या यह एक ही कक्षा के साथ कई स्पैन के साथ पूरा किया जा सकता है?

— मैथ्यू वुडार्ड

मैं IE के साथ काम करने के लिए tspan पता लगाने की कोशिश कर इस पार ठोकर खाई। मैंने पाया है कि आपको tspan के साथ .text () और .html () का उपयोग करने की आवश्यकता है। अनिश्चित क्यों और यह सभी के लिए मामला नहीं हो सकता है, लेकिन जब मैंने .text () का उपयोग किया है तो इसे IE में ठीक किया गया था।

— कलेल वेड

@ मैथ्यू वूडार्ड $('.class').each(function() { $(this).html() });; क्योंकि $('.class').html()पहले तत्व के लिए .html () मान वापस आएगा

— tomsihap

13

$("#item1 span").text();

— राहुल
स्रोत

7

यह मानते हुए कि आपको आईडी = "आइटम 1" पढ़ने का इरादा है, आपको इसकी आवश्यकता है

$('#item1 span').text()

— धनी
स्रोत

5

$('#item1').text(); or $('#item1').html(); के लिए ठीक काम करता है id="item1"

— dipraj.shahane
स्रोत

5

चूंकि आपने 'आइटम' मान के लिए कोई विशेषता प्रदान नहीं की है, इसलिए मुझे लगता है कि एक वर्ग का उपयोग किया जा रहा है:

<div class='item1'>
  <span>This is my name</span>
</div>

alert($(".item span").text());

सुनिश्चित करें कि आप अपने कोड का उपयोग करने के लिए डोम का इंतजार करते हैं, jQuery में आप उसके लिए ready()फ़ंक्शन का उपयोग करते हैं :

<html>
 <head>
  <title>jQuery test</title>
  <!-- script that inserts jquery goes here -->
  <script type='text/javascript'>
    $(document).ready(function() { alert($(".item span").text()); });
  </script>
</head>
<body>
 <div class='item1'>
   <span>This is my name</span>
 </div>
</body>

— फ्रांसिस्को Aquino
स्रोत

1

आपने प्रश्न बदल दिया है! आपका उत्तर आपके प्रश्न के लिए सही है, वह आईडी को एक वर्ग नाम नहीं निर्दिष्ट कर रहा था

— लुईस

यदि आप उनके नाम के तहत पहली टिप्पणी देखते हैं, तो आप देखेंगे कि उन्होंने एक विशेषता नहीं लिखी थी, यह था <div 'item1'>, मैंने स्पष्ट रूप से गलत अनुमान लगाया।

— फ्रांसिस्को एक्विनो

2

जावास्क्रिप्ट में आप का उपयोग नहीं होगा document.getElementById('item1').innertext?

— क्रोधी
स्रोत

1

     $('span id').text(); worked with me

— Dev.H
स्रोत

1

$('#id span').text() जवाब है!

— नाचो
स्रोत

0

$('#item1 span').html(); मेरे कोड के साथ काम कर रहा है

— मोहम्मद जावेद
स्रोत

0

बहुत महत्वपूर्ण .text और (.html) () के बीच अंतर पर अतिरिक्त जानकारी:

यदि आपका चयनकर्ता एक से अधिक आइटम का चयन करता है, जैसे कि आपके पास दो स्पान हैं जैसे bar1 bar2 ,

फिर

$('.foo').text();दो ग्रंथों को जोड़ता है और आपको वह देता है; जहाँ तक

$('.foo').html(); आप उनमें से केवल एक देता है।

— user3788051
स्रोत

0

आप अपने html में सीधे id का उपयोग कर सकते हैं।

<span id="span_id">Client</span>

तब आपका jQuery कोड होगा

$("#span_id").text();

कुछ लोगों ने त्रुटियों की जाँच करने में मेरी मदद की और पाया कि उन्होंने पाठ के बजाय वैल () का उपयोग किया था, इसलिए स्पान में वैल () फ़ंक्शन का उपयोग करना संभव नहीं है। इसलिए

$("#span_id").val();

अशक्त हो जाएगा।

— क्रिस्टियन
स्रोत

-2

<script>
    $(document).ready(function () {

            $.each($(".classBalence").find("span"), function () {
            if ($(this).text() >1) {
                $(this).css("color", "green")

            }
            if ($(this).text() < 1) {
                $(this).css("color", "red")
                $(this).css("font-weight", "bold")
            }
        });

    });
    </script>

— महेश
स्रोत

JQuery का उपयोग करके मुझे <span> का मान कैसे मिलेगा?