Поиск любого 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