我正在为想要将他们最喜欢的歌曲从 Hype Machine 拉到网站中的客户构建一个 wordpress 主题。我通过抓取 XML 提要来做。
虽然在结果样式方面,我希望能够以不同于歌曲标题的方式设置艺术家姓名的样式。不幸的是,提要在相同的 anchor 元素中同时包含艺术家姓名和歌曲标题:
<li>
<a href="link">Artist Name - Song Title</a>
</li>
<li>
<a href="link">Artist Name - Song Title</a>
</li>
我想知道是否有一种方法可以将 span 标签(可能使用 javascript 或 Jquery)插入到生成的 html 中,以便结果如下:
<li>
<a href="link"><span class="artist">Artist Name - </span>Song Title</a>
</li>
<li>
<a href="link"><span class="artist">Artist Name - </span>Song Title</a>
</li>
我的想法是,我可以使用 javascript 在字符串前面插入开始标记,然后在它找到“-”时插入结束标记。我只是不太了解 JS,不知道该怎么做,谷歌也帮不上什么忙。
想法?
谢谢!
最佳答案
如果你想以最简单的方式做到这一点 -
var artistAndTitle = // wherever you get your info from, xml node or whatever
var infoArray = artistAndTitle.split(' - ');
var artistName = infoArray[0];
var trackTitle = infoArray[1];
var html = '<span>' + artistName + '</span> - <span>' + trackTitle + '</span>';
关于javascript - 如何将 <span> 标记插入从 XML 提要生成的文本字符串的中间?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2359607/