将逗号分隔列表转换为无序列表 - Convert comma separated list to Unordered List

Convert comma separated list to Unordered List

本文关键字：列表转换无序分隔 | 更新日期: 2023-09-27

寻找任何PHP，Jquery，javascript解决方案来获取用逗号分隔的数据并将其转换为无序列表。

为了进一步解释，我已经将一个CSV文件导入到wordpress中，一个元素块包含许多逗号分隔的数据，我需要它显示为列表。

感谢所有帮助！

在 PHP 中

$list = 'item1,item2,item3,item4';
$list = explode(',', $list);
shuffle($list);
$html = '<ul>';
foreach($list as $item) {
    $html .= '<li>' . $item . '</li>';
}
$html .= '</ul>';
print $html;

在 JavaScript 中

var list = 'item1,item2,item3,item4';
list = list.split(',');
list.sort(function() { return 0.5 - Math.random() });
var html = '<ul>';
 for(var i=0; i<list.length; i++) {
    html += '<li>' + list[i] + '</li>';
  }
html += '</ul>';

有更

干净的方法来编写它，但希望这会让你了解如何使用 jQuery 来完成它。

$(function(){
  $csv = $("#csv")
  items = $csv.text().split(",")
  $csv.replaceWith($("<ul/>"))
  items.forEach(function(item){
      $("ul").append("<li>"+item+"</li>")
  })
})

这是

小提琴：http://jsfiddle.net/JmwDw/

HTML

<ul id="ul-test">
</ul>

JavaScript

var CSV = "a,b,c,d,e";
var arrCSV = CSV.split(','),
    ul = document.getElementById("ul-test");
for (var i = 0, len = arrCSV.length; i < len; i++) {
    var li = document.createElement("li");
    var text = document.createTextNode(arrCSV[i]);
    li.appendChild(text);
    ul.appendChild(li);
}

JSFiddle