jQuery:将<span> </span>添加到<li>中的文本

时间:2015-06-18 05:48:09

标签: javascript jquery html css

首先是fiddle

我想在文字&#39; RSS&#39;中添加<span class="Text"></span>。在<li>内。

HTML代码:

    <ul>
    <li class="hasToolTip"> RSS Feeds</li>
    </ul>

1 个答案:

答案 0 :(得分:3)

您可以找到包含文本RSS的li。然后使用.html()回调函数将每个出现的RSS替换为包含它的span:

$("li.hasToolTip:contains('RSS')").html(function(_, html) {
  return html.replace(/(RSS)/g, '<span class="Text">RSS</span>');
});

<强> Working Demo