Javascript 如何在第一个`/`（斜杠）处拆分字符串并将其部分环绕在`<；span>；`？

我想格式化此日期：

23/05/2013

首先，我想在第一行拆分字符串

/

，剩下的放在下一行。接下来，我想用

标记包围第一部分，如下所示：

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

我所做的：

23/05/2013
$（文档）.ready（函数（）{
$（“#日期”）.text（）.substring（0,2）+'
'；
});

您应该使用html（）

$（文档）.ready（函数（）{
$（“#日期”）.html（'+$（“#日期”）.text（）.substring（0,2）+'
'+$（“#日期”）.text（）.substring（3））；
});

使用此

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

23/05/2013
$（文档）.ready（函数（）{
var x=$（“#日期”）.text（）；
x、 文本（x.substring（0,2）+'
'+x.substring（3））；
});
与其使用带有固定索引的子字符串，不如使用
替换
：

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

$（“#日期”）.html（函数（t）{
返回t.replace（/^（[^\/]*\/）/，“$1
”）
});

一个优点是，如果第一个
/
位于不同的位置，它仍然可以工作

这种构造的另一个优点是，它可以扩展到多个元素，例如，只需更改选择器，就可以扩展到所有实现类的元素

（注意，我必须在JSFIDLE窗口左侧的菜单中选择jQuery）
使用

片段：


var data=$（'#date'）.text（）；
var arr=data.split（'/'）；
$（“#日期”）.html（“+arr[0]+”
“+arr[1]+”/“+arr[2]）；

2013年5月23日
这里的变量“res”是一种数组

您还可以通过将其声明为

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

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

var FirstElement= res[0];

现在，变量FirstElement包含值“How”
试试这个

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


看一个正则表达式

享受我们；-）
 试试看


date.innerHTML=date.innerHTML.replace（/^（..）\/，“$1
”）
23/05/2013
您的小提琴没有被
jQuery
引用这里更新了您也可以这样缩短脚本：
var arr=$（'#date'）.text（）.split（'/'）x
上调用
.text
？你确定？
var FirstElement= res[0];

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