javascript - JQuery:由于 .replaceWith 操作，条件无法完成

Question

我正在尝试获取一行 JQuery 脚本来读取在 div 中找到的每个段落字符串，并在每次出现“，”时拆分该段落。我的问题是我无法一次发布所有数组，所以 replaceWith 函数只输出数组的第一个值，因为当 for 条件返回递增到 myArray[1] 时，数组的其余部分被删除。

我是否可以在不保留初始字符串和/或将每个创建的元素变成前一个元素的子元素的情况下，将“拆分数组”中的每个值发布到单独的 html 元素？

演示 http://jsfiddle.net/ry25Q/

HTML

    <div class="data">
        <i>days_of_week</i>
        <p>mon,tue,wed,thur,fri,sat,sun</p>
    </div>
      <div>
        <input type="button" class="btnClick Button" value="Click" />
     </div>

JS 代码

$(function () {
    $('.btnClick').click(function () {
        var data = $('.data p').text();
        var splitter = data.split(',');
        for (var i = 0; i < splitter.length; i++) {
            $(".data p").replaceWith("<span class='dataseg'>" + splitter[i] + "</span>")
        }
    });
});

Answer 1

你不需要循环。由于您只是替换一个 p 元素，因此只需使用要插入的完整 HTML 字符串调用一次 .replaceWith()。

演示: http://jsfiddle.net/Vfk4e/

$(function () {
    $('.btnClick').click(function () {
        var p = $('.data p');
        var splitter = p.text().split(',');

        var open = "<span class='dataseg'>";
        var close = "</span>"

        p.replaceWith(open + splitter.join(close + open) + close)
    });
});