How to split a string at the first slash and surround part of it in a span

Question

I want to format this date   lt div id  date  gt 23 05 2013 lt  div gt    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  lt span gt  tag  as follows    lt div id  date  gt   lt span gt 23 lt  span gt  05 2013 lt  div gt       23 05 2013    What I did    x000D   x000D   lt script src  https   cdnjs cloudflare com ajax libs jquery 3 3 1 jquery min js  gt  lt  script gt  x000D   x000D   lt div id  date  gt 23 05 2013 lt  div gt  x000D   lt script type  text javascript  gt  x000D      document  ready function     x000D          date   text   substring 0  2      lt br   gt    x000D        x000D   lt  script gt  x000D   x000D   x000D    See the JSFiddle   But this does not work  Can someone help me with jQuery

User · Answer

You should use html     SEE DEMO    document  ready function            date   html   lt span gt       date   text   substring 0  2      lt  span gt  lt br   gt       date   text   substring 3

User · Answer

Using split    Snippet     x000D   x000D  var data      date   text    x000D  var arr   data split       x000D      date   html   lt span gt   arr 0      lt  span gt  lt  br gt     arr 1      arr 2       x000D   lt script src  https   ajax googleapis com ajax libs jquery 2 1 1 jquery min js  gt  lt  script gt  x000D   lt div id  date  gt 23 05 2013 lt  div gt  x000D   x000D   x000D    Fiddle  When you split this string --- gt  23 05 2013 on    var myString    23 05 2013   var arr   myString split         you ll get an array of size 3  arr 0  -- gt  23 arr 1  -- gt  05 arr 2  -- gt  2013

User · Answer

try   x000D   x000D  date innerHTML  date innerHTML replace             lt span gt  1 lt  span gt  lt  br gt    x000D   lt div id  date  gt 23 05 2013 lt  div gt  x000D   x000D   x000D

User · Answer

var str    How are you doing today     var res   str split         Here the variable  res  is kind of array   You can also take this explicity by declaring it as  var res    str split         Now you can access the individual words of the array  Suppose you want to access the third element of the array you can use it by indexing array elements   var FirstElement  res 0     Now the variable FirstElement contains the value  How

User · Answer

use this   lt div id  date  gt 23 05 2013 lt  div gt   lt script type  text javascript  gt    document  ready function      var x       date   text        x text x substring 0  2      lt br   gt   x substring 3              lt  script gt

User · Answer

Instead of using substring with a fixed index  you d better use replace        date   html function t       return t replace                  lt span gt  1 lt  span gt  lt br gt          One advantage is that it would still work if the first   is at a different position   Another advantage of this construct is that it would be extensible to more than one elements  for example to all those implementing a class  just by changing the selector   Demonstration  note that I had to select jQuery in the menu in the left part of jsfiddle s window

User · Answer

Try this     div date   text   trim   replace   W g         DEMO  Look a regular expression http   regexone com lesson misc meta characters  enjoy us  -

[javascript] How to split a string at the first `/` (slash) and surround part of it in a `<span>`?

Examples related to javascript

Examples related to jquery

Examples related to date

Examples related to split

Examples related to substring