javascript - 如何在第一个 `/` (斜杠)处拆分字符串并将其部分包围在 `<span>` 中？

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

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>

Fiddle

当您在 /

上拆分此字符串 ---> 23/05/2013

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

你会得到一个大小为 3

的数组

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