Jquery 替换img标题标签内的文本，以创建带有标题子标题的图像标题

我正在使用NIVO滑块javascript，希望为我的图像创建一个标题，标题以粗体显示，副标题以普通文本显示。 我希望通过搜索双冒号（或类似的冒号）并用span标记替换文本后面的所有内容，将文本拆分为两个单独的元素

---

这可以在jquery中完成吗？

对于替换，您根本不需要jquery。给定一个文本字符串：

var mytext = "This is line one::this is line two";

…您可以使用正则表达式替换，如下所示：

var newtext = mytext.replace(/^(.*)::(.*)$/i,'$1<span>$2</span>');

<div class="image">
    <img class="image" src="http://farm4.static.flickr.com/3306/3498395482_c48e313ed9_s.jpg" />
</div>

var newtext=mytext.replace（/^（.*）：（.*）$/i，$1$2'）；

给定一个带有单个已知分隔符的字符串，可以通过数组执行此操作：

var mytext = "This is line one|This is line two";
var newtext = mytext.split('|'); // break into array
newtext = newtext[0] + '<span>' + newtext[1] + '</span>'; // back to string

var mytext=“这是第一行|这是第二行”；
var newtext=mytext.split（“|”）；//破阵
newtext=newtext[0]+''+newtext[1]+''；//恢复原状

您可以这样做：

var newtext = mytext.replace(/^(.*)::(.*)$/i,'$1<span>$2</span>');

<div class="image">
    <img class="image" src="http://farm4.static.flickr.com/3306/3498395482_c48e313ed9_s.jpg" />
</div>

给定如下HTML：

var newtext = mytext.replace(/^(.*)::(.*)$/i,'$1<span>$2</span>');

<div class="image">
    <img class="image" src="http://farm4.static.flickr.com/3306/3498395482_c48e313ed9_s.jpg" />
</div>

这将获取变量“caption”，并将其分为两个跨距，将它们附加到图像下方

查看此处的示例：

var text=$（'.title'）.html（），
新文本=文本[0]+''+文本[1]+''；
$（'.title'）.html（新文本）；