Question

我正在尝试拆分div的文本并将类添加到第二个字符串。但没有运气:(

以下是代码：

<div class="graphTooltipText">925 11:45pm</div>

这不起作用：

  var str = $( ".graphTooltipText" ).html();
  var splitter = str.split(' ')[1];
  $(splitter).wrap('<div class="time" />');

感谢任何帮助。

Answer 1

您需要将其包装然后更新原始元素，请尝试

$('.graphTooltipText').html(function (i, html) {
    return html.replace(/\s(.*$)/, ' <div class="time">$1</div>')
});

演示：Fiddle

Answer 2

http://jsfiddle.net/kJm8Q/1/

这只是包装项目，然后吐出第二个数组元素：

$(".graphTooltipText").wrap(function() {
    $(this).html("<div class='time'>" + $( this ).text().split(" ")[1] + "</div>");
});

Answer 3

试试这个：

    var str = $(".graphTooltipText").html(function (_, html) {
        return html.replace(html.split(' ')[1], '<div class="time" >' + html.split(' ')[1] + '</div>');
    });

Answer 4

您也可以使用它：

var str = $(".graphTooltipText").text();
var splitter = str.split(' ');

var timeDiv = $('<div/>', {
   'class': 'time',
   text: splitter[1] // put the time here
});

$(".graphTooltipText").html(splitter[0]).append(timeDiv); // update the div content

jquery动态拆分字符串并包装到类中

4 个答案:

Fiddle