将逗号分隔列表转换为无序列表

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

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

所有帮助表示赞赏！

Answer 1

在PHP中

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

在JavaScript中

 var list = 'item1,item2,item3,item4'; list = list.split(','); list.sort(function() { return 0.5 - Math.random() }); var html = '
'; for(var i=0; i'; } html += '
'; 

Answer 2

有更简洁的方法可以写这个，但希望这会让你知道如何使用jQuery完成它。

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

这里是小提琴： http ： //jsfiddle.net/JmwDw/

Answer 3

HTML

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