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

我想换衣服

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

标题文本-更多标题文本

到

标题文本-更多标题文本

使用jQuery

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

这可能吗

非常感谢

试试这个：-

$('h1').each(function(){
  if($(this).html().indexOf("-") !== -1)
  {
     var html = $(this).html();
     var newhtml = html.split("-")[0];
     newhtml = "<span class='something'>"+ newhtml +"</span>"
     $(this).html(newhtml + "- " + html.split("-")[1])
  }
});

$（'h1'）。每个（函数（）{
if（$（this.html（）.indexOf（“-”）！=-1）
{
var html=$（this.html（）；
var newhtml=html.split（“-”[0]；
newhtml=”“+newhtml+“”
$（this.html（newhtml+“-”+html.split（“-”[1]）
}
});

试试这个：

$（'h1'）。每个（函数（）{
var found=$（this.text（）.indexOf（'-'）！=-1；
如果（找到）{
var arr=$（this.text（）.split（'-'）；
$（this.html（''+arr[0]+'-'+arr[1]）；
}
});
什么{
颜色：红色；
}

标题文本-更多标题文本
标题文本-更多标题文本
标题文本
标题文本-更多标题文本

试试这个

$（文档）.ready（函数（）{
var controls=$（'h1'）.html（）；
var g=控件。拆分（“-”）；
如果（g.长度>1）
{
变量文本=''+g[0]+'-'+g[1]；
警报（文本）；
$（'h1'）.html（文本）；
}
})

标题文本-更多标题文本

对您有帮助吗？效果很好，非常感谢！甚至可以使用嵌套标记，例如

非常感谢，非常好的解决方案，但是我选择@Kartikeya解决方案，因为h1标记中使用了嵌套的HTML标记。但这是我问题的完美答案，我没有提到嵌套标记。你们真是太棒了！非常感谢！如果我能选择所有答案，你的答案也很合适。但我在@Kartikeya中添加了一个额外的else函数，这对我来说更好。非常感谢你！

$('h1').each(function(){
  if($(this).html().indexOf("-") !== -1)
  {
     var html = $(this).html();
     var newhtml = html.split("-")[0];
     newhtml = "<span class='something'>"+ newhtml +"</span>"
     $(this).html(newhtml + "- " + html.split("-")[1])
  }
});