Wie kann man eine Zeichenfolge beim ersten `/` (Schrägstrich) teilen und einen Teil davon in einem `<span>` umgeben?

Ich möchte dieses Datum formatieren : <div id="date">23/05/2013</div>.

Zuerst möchte ich den String beim ersten teilen /und den Rest in der nächsten Zeile haben. Als nächstes möchte ich den ersten Teil eines <span>Tags wie folgt umgeben:

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

23
05/2013

Was ich getan habe:

<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>

Siehe die JSFiddle .

Das geht aber nicht. Kann mir jemand bei jQuery helfen?

Verwenden von split()

Snippet:

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>

Geige

Wenn Sie diese Zeichenfolge ---> 23/05/2013weiter teilen/

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

Sie erhalten eine Reihe von Größen 3

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

Anstatt Teilzeichenfolgen mit einem festen Index zu verwenden, sollten Sie Folgendes verwenden replace:

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

Ein Vorteil ist, dass es immer noch funktionieren würde, wenn sich der erste /an einer anderen Position befindet.

Ein weiterer Vorteil dieses Konstrukts besteht darin, dass es durch Ändern des Selektors auf mehr als ein Element erweiterbar ist, beispielsweise auf alle, die eine Klasse implementieren.

Demonstration (Beachten Sie, dass ich jQuery im Menü im linken Teil von jsfiddles Fenster auswählen musste)

Sie sollten html () verwenden:

SIEHE DEMO

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

Versuchen

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

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

benutze das

<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>

Versuche dies

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

DEMO

Suchen Sie nach einem regulären Ausdruck http://regexone.com/lesson/misc_meta_characters

genießen Sie mit uns ;-)

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

var res = str.split(" ");

Hier ist die Variable "res" eine Art Array.

Sie können diese Erklärung auch nehmen, indem Sie sie als deklarieren

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

Jetzt können Sie auf die einzelnen Wörter des Arrays zugreifen. Angenommen, Sie möchten auf das dritte Element des Arrays zugreifen, das Sie durch Indizieren von Array-Elementen verwenden können.

var FirstElement= res[0];

Jetzt enthält die Variable FirstElement den Wert 'How'