将逗号分隔列表转换为无序列表
Convert comma separated list to Unordered List
寻找任何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
相关文章:
- Immutablejs:将列表转换为映射
- 如何将逗号分隔的列表转换为<ul>列表
- 下划线,将对象列表转换为对象值数组
- 正在将无序列表转换为选择..但有一个转折
- angularjs $resource将查询资源列表转换为对象数组
- 将Wooccommerce属性下拉列表转换为可点击文本
- javascript的事件监听器将下拉列表转换为输入按钮
- 如何将数组的列表转换为json对象的列表
- 将URL的文本列表转换为可点击的HTML链接
- 将javascript变量列表转换为对象键/值对
- Javascript:将对象列表转换为关联数组
- 将 url 列表转换为导航窗格
- 将数字列表转换为带有 PHP 或 JS 后缀的特定价格格式
- 将选择列表转换为 Jquery UI 自动完成
- 将空格分隔的类列表转换为 Jquery 选择器的有效方法
- 将逗号分隔列表转换为无序列表
- 如何将选择下拉列表转换为 ul 下拉列表
- 将列表转换为 Json 数组
- 将不可变.js地图列表转换为列表列表,然后将其用作Google图表的数据
- 获取所有视频ID'使用YouTube API将从YouTube播放列表转换为PHP数组