jQuery 在特殊字符前的 H1 中插入 SPAN

Question

我想改变

<h1>Headline Text - More Headline Text</h1>

到

<h1><span class="something">Headline Text</span> - More Headline Text</h1>

使用 jQuery。

首先，我必须检查整个网站的h1标签中是否有“-”。如果有，我想在“-”之前插入带有自定义类的 span-tag。否则，请保持 h1 标签不变。

这可能吗？

提前致谢!

Answer 1

试试这个

$(document).ready(function(){
var controls =$('h1').html();
  var g=controls.split("-");
  if(g.length>1)
  {
    var texts='<span>'+g[0]+'</span> - '+g[1];
    alert(texts);
    $('h1').html(texts);
  }
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<h1>Headline Text - More Headline Text</h1>