Question

我希望能够在使用jQuery的逗号之后注入一个span。我有一些看起来像这样的div：

    <div class="title">Some text, with a comma.</div>
    <div class="title">Some text, with a comma.</div>
    <div class="title">Some text, with a comma.</div>
    <div class="title">Some text, with a comma.</div>
    <div class="title">Some text, with a comma.</div>
    <div class="title">Some text, with a comma.</div>

我想让它们看起来像这样：

<div class="title">Some text,<span class="something"> with a comma.</span></div>

有没有办法在逗号后附加文字或html，只定位标题类？

Answer 1

$('.title').html(function(i, v){
    var html = v.split(',');
    return html[0] + ',' + '<span class="something">' + html[1] + '</span>'
});

http://jsfiddle.net/udjCs/2/

Answer 2

您可以这样做：

$('div.title').each(function(){
    $(this).html( $(this).html().replace(',', ', <span class="something">') );
});

但我仍然认为你需要更好地解释你的需求。

Answer 3

最好的办法是将HTML字符串分成几部分，然后解析：

$(".title").html(function (index, html) {
    var commaIndex = html.indexOf(",");
    var beginningHtml = html.substring(0, commaIndex + 1);
    var endingHtml = html.substring(commaIndex + 1);
    return beginningHtml + "<span class=\"something\">" + endingHtml + "<\/span>";
});

这是我的代码的a jsFiddle。

使用JQuery在逗号后插入span到div

3 个答案: