解析UL LI列表以逗号分隔的值

Question

我需要你的帮助，

现在，我的函数如下所示弹出我的UL LI列表：

Coffee ,Tea ,Milk

我需要将其转换为以下格式：

Coffee,Tea,Milk

为什么要增加多余的空间？

function items_2_var() {

    var x = document.getElementById("list1").getElementsByTagName("li")

    var values = []

    for(var i=0;i < x.length; i++) {

        if (x[i].innerText.length) { values.push(x[i].innerText) }
    }

    alert(values.join(","))

}

HTML：

<div id="list1">
    <ul>
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ul>
</div>

Answer 1

我可以重现您描述的问题的唯一方法是，如果最终得到的是这样呈现的HTML：

<div id="list1">
    <ul>
      <li>Coffee&nbsp;&nbsp;&nbsp;&nbsp;</li>
      <li>Tea&nbsp;&nbsp;</li>
      <li>Milk&nbsp;&nbsp;&nbsp;</li>
    </ul>
</div>

在这种情况下，当您连接琴弦时，确实会看到空格。 但是，通过使用以下代码可以轻松解决此问题： values.push((x[i].innerText.replace(/\\s/g,''))

码：

function items_2_var() {
    var x = document.getElementById("list1").getElementsByTagName("li");
    var values = [];
    for(var i=0;i < x.length; i++) {
        if (x[i].innerText.length) { values.push((x[i].innerText.replace(/\s/g,''))); }
    }
    alert(values.join(","));
}

完整的演示在这里。