如何使用jQuery或JavaScript分割string？

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

我想格式化这个date，首先我想打破像第二个字符的string，并在下一行中rest。 如果有可能与jQuery追加两个标签。 如下：

23
05/2013

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

我做了什么：

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

http://jsfiddle.net/K3D6d/

但是这不行！
有人可以帮助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> 

Answer 2

而不是使用固定索引的子string，最好使用replace ：

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

一个好处是，如果第一个位于不同的位置，它仍然可以工作。

这个构造的另一个优点是它可以扩展到多个元素，例如所有那些实现类的元素，只要改变select器即可。

演示 （注意我必须在jsfiddle窗口左边的菜单中selectjQuery）

Answer 3

你应该使用html（）：

看DEMO

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

Answer 4

用这个

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

Answer 5

尝试这个

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

DEMO

看一个正则expression式http://regexone.com/lesson/misc_meta_characters

享受我们;-)

Answer 6

 var str = "How are you doing today?"; var res = str.split(" "); 

这里的variables“res”是一种数组。

你也可以把它声明为

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

现在你可以访问数组的单个单词了。 假设你想访问数组的第三个元素，你可以通过索引数组元素来使用它。

 var FirstElement= res[0]; 

现在variablesFirstElement包含值'How'