पहले `/` (स्लैश) पर एक स्ट्रिंग को कैसे विभाजित करें और इसके एक भाग को `<स्पैन>` में घेरें?

Question

मैं इस तिथि स्वरूपित करना चाहते हैं: <div id="date">23/05/2013</div>।

पहले मैं पहली बार में स्ट्रिंग को विभाजित करना चाहता हूं /और अगली पंक्ति में बाकी है। अगला, मैं एक <span>टैग में पहले भाग को घेरना चाहता हूं , इस प्रकार है:

<div id="date">
<span>23</span>
05/2013</div>

23
05/2013

मैंने क्या किया:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div id="date">23/05/2013</div>
<script type="text/javascript">
  $(document).ready(function() {
    $("#date").text().substring(0, 2) + '<br />';
  });
</script>

JSFiddle देखें ।

लेकिन यह काम नहीं करता है। कोई मुझे jQuery के साथ मदद कर सकता है?

Comments

आपके jQuery

— फिडेल

Answer 1

का उपयोग करते हुए split()

स्निपेट:

var data =$('#date').text();
var arr = data.split('/');
$("#date").html("<span>"+arr[0] + "</span></br>" + arr[1]+"/"+arr[2]);	  

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="date">23/05/2013</div>

बेला

जब आप इस स्ट्रिंग ---> 23/05/2013को विभाजित करते हैं/

var myString = "23/05/2013";
var arr = myString.split('/');

आपको एक आकार मिलेगा 3

arr[0] --> 23
arr[1] --> 05
arr[2] --> 2013

Comments

आप इस तरह से स्क्रिप्ट को छोटा कर सकते हैं:var arr = $('#date').text().split('/');

— SearchForKnowledge

धन्यवाद, आदिल। आपका जवाब एक देने के लायक है। धन्यवाद।

— अंकित सुथार

Answer 2

एक निश्चित सूचकांक के साथ प्रतिस्थापन के बजाय, आप बेहतर उपयोग करेंगे replace:

$("#date").html(function(t){
    return t.replace(/^([^\/]*\/)/, '<span>$1</span><br>')
});

एक फायदा यह है कि यह तब भी काम करेगा जब पहली बार /अलग स्थिति में हो।

इस निर्माण का एक और लाभ यह है कि यह एक से अधिक तत्वों के लिए एक्स्टेंसिबल होगा, उदाहरण के लिए उन सभी को लागू करने वाले वर्ग को, जो चयनकर्ता को बदलकर।

प्रदर्शन (ध्यान दें कि मुझे jsfiddle विंडो के बाएं भाग में मेनू में jQuery का चयन करना था)

Answer 3

आपको html () का उपयोग करना चाहिए:

डेमो देखें

$(document).ready(function(){
    $("#date").html('<span>'+$("#date").text().substring(0, 2) + '</span><br />'+$("#date").text().substring(3));     
});

Answer 4

प्रयत्न

date.innerHTML= date.innerHTML.replace(/^(..)\//,'<span>$1</span></br>')

<div id="date">23/05/2013</div>

Answer 5

इसे इस्तेमाल करो

<div id="date">23/05/2013</div>
<script type="text/javascript">
$(document).ready(function(){
  var x = $("#date").text();
    x.text(x.substring(0, 2) + '<br />'+x.substring(3));     
});
</script>

Comments

यह काम नहीं करता है। आप बुला रहे हैं .textपर x? क्या आपको यकीन है ?

— मोहम्मद आदिल

Answer 6

इसे इस्तेमाल करे

$("div#date").text().trim().replace(/\W/g,'/');

डेमो

एक नियमित अभिव्यक्ति देखें http://regexone.com/lesson/misc_meta_characters

हमरा आनंद लें ;-)

Answer 7

var str = "How are you doing today?";

var res = str.split(" ");

यहाँ चर "रेस" एक प्रकार की सारणी है।

आप इस खोज को इस रूप में घोषित करके भी ले सकते हैं

var res[]= str.split(" ");

अब आप ऐरे के अलग-अलग शब्दों को एक्सेस कर सकते हैं। मान लीजिए कि आप सरणी के तीसरे तत्व का उपयोग करना चाहते हैं, तो आप इसे सरणी तत्वों को अनुक्रमित करके उपयोग कर सकते हैं।

var FirstElement= res[0];

अब वैरिएबल फ़र्स्टइलमेंट में 'हाउ' का मान है