如何在第一个`/`(斜杠)处拆分字符串并将其部分包围在`<span>`中? [英] How to split a string at the first `/` (slash) and surround part of it in a `<span>`?
本文介绍了如何在第一个`/`(斜杠)处拆分字符串并将其部分包围在`<span>`中?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想格式化这个日期:<div id="date">23/05/2013</div>
.
首先,我想在第一个 /
处拆分字符串,并将其余部分放在下一行.接下来,我想将第一部分括在 标签中,如下所示:
<span>23</span>05/2013
<块引用>
2305/2013
我做了什么:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><div id="日期">23/05/2013</div><script type="text/javascript">$(document).ready(function() {$("#date").text().substring(0, 2) + '<br/>';});</script>
请参阅 JSFiddle.
但这行不通.有人可以帮助我使用 jQuery 吗?
解决方案
使用 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] -->23arr[1] -->05arr[2] -->2013年
I want to format this date: <div id="date">23/05/2013</div>
.
First I want to split the string at the first /
and have the rest in the next line. Next, I’d like to surround the first part in a <span>
tag, as follows:
<div id="date">
<span>23</span>
05/2013</div>
23 05/2013
What I did:
<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>
See the JSFiddle.
But this does not work. Can someone help me with jQuery?
解决方案
Using 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>
Fiddle
When you split this string --->
23/05/2013
on /
var myString = "23/05/2013";
var arr = myString.split('/');
you'll get an array of size 3
arr[0] --> 23
arr[1] --> 05
arr[2] --> 2013
这篇关于如何在第一个`/`(斜杠)处拆分字符串并将其部分包围在`<span>`中?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文