প্রথম `/` (স্ল্যাশ) এ কোনও স্ট্রিং কীভাবে বিভক্ত করা যায় এবং এর একটি অংশকে `<স্প্যান>` এ ঘিরে রাখা যায়?

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>

জেএসফিডল দেখুন ।

কিন্তু এই কাজ করে না। কেউ কি আমাকে jQuery সাহায্য করতে পারেন?

Comments

এখানে আপনার সাথে সম্পর্কিত রেখাযুক্তি jsfiddle.net/K3D6d/2jQuery আপডেট হয়েছে

— ধাওয়াল মার্থক

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('/');

— ফরজ নোভাল

ধন্যবাদ, আদিল। আপনার উত্তর একটি ছেড়ে দিতে মূল্যবান। ধন্যবাদ।

— অঙ্কিত সুতার

Answer 2

একটি নির্দিষ্ট সূচকের সাথে সাবস্ট্রিং ব্যবহার না করে আপনি আরও ভাল ব্যবহার করতে চান replace:

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

একটি সুবিধা হ'ল প্রথমটি /ভিন্ন অবস্থানে থাকলে এটি এখনও কাজ করবে ।

এই নির্মাণের আরেকটি সুবিধা হ'ল এটি একাধিক উপাদানের কাছে এক্সটেনসিবল হবে, উদাহরণস্বরূপ, কেবলমাত্র নির্বাচক পরিবর্তন করে কোনও শ্রেণি বাস্তবায়নকারী সকলের কাছে।

বিক্ষোভ (নোট করুন যে আমাকে jsfiddle এর উইন্ডোর বাম অংশে মেনুতে jQuery নির্বাচন করতে হবে)

Answer 3

আপনার এইচটিএমএল () ব্যবহার করা উচিত:

ডেমো দেখুন

$(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];

এখন ভেরিয়েবল ফার্স্ট এলিমেন্টে 'কিভাবে' মান রয়েছে