첫 번째 '/'(슬래시)에서 줄을 분할하고 그 일부를 ''에서 둘러싸는 방법은?

첫 번째 '/'(슬래시)에서 줄을 분할하고 그 일부를 ''에서 둘러싸는 방법은?

이 날짜의 형식을 지정합니다.<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 좀 도와줄 수 있나요?

사용중

토막글:

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] --> 23
arr[1] --> 05
arr[2] --> 2013

지수가 고정된 서브스트링을 사용하는 것보다replace:

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

한 가지 장점은 만약 첫 번째 것이 작동한다면 여전히 작동할 것이라는 것입니다./다른 위치에 있습니다.

이 컨스트럭트의 또 다른 장점은 셀렉터를 변경하는 것만으로 클래스를 구현하는 모든 요소로 확장할 수 있다는 점입니다.

데모 (jsfiddle의 창 왼쪽에 있는 메뉴에서 jQuery를 선택해야 했음)

html()을 사용해야 합니다.

데모 참조

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

해라

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

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

var arr = $('#date').text().split('/');
console.log(arr);
$("#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>

이것을 사용합니다.

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

이거 먹어봐요.

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

데모

정규식 보기 http://regexone.com/lesson/misc_meta_characters

즐겨주세요 ;-)

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

var res = str.split(" ");

여기서 변수 "res"는 일종의 배열입니다.

다음과 같이 선언하여 이 표현을 사용할 수도 있습니다.

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

이제 배열의 개별 단어에 액세스할 수 있습니다.배열 요소를 인덱싱하여 사용할 수 있는 배열의 세 번째 요소에 액세스하고 싶다고 가정합니다.

var FirstElement= res[0];

이제 변수 FirstElement에 'How' 값이 포함됩니다.

언급URL : https://stackoverflow.com/questions/16711504/how-to-split-a-string-at-the-first-slash-and-surround-part-of-it-in-a-sp