쉼표로 구분 된 목록을 순서가없는 목록으로 변환

Question

데이터를 쉼표로 구분하여 정렬되지 않은 목록으로 변환하는 PHP, Jquery, javascript 솔루션을 찾고 있습니다.

더 설명하기 위해, 나는 CSV 파일을 워드 프레스로 가져 왔고 하나의 요소 블록에 쉼표로 구분 된 많은 데이터가 들어있어 목록으로 표시해야합니다.

모든 도움을 주실 수 있습니다! PHP에서

Answer 1

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

print $html; 

자바 스크립트에서

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>'; 

Answer 2

가이를 작성하는 청소기 방법이 있습니다, 그러나 희망이 당신이 jQuery를 사용하여 수행 할 수있는 방법의 아이디어를 줄 것이다 .

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

그리고 여기가 바이올린의 : http://jsfiddle.net/JmwDw/

Answer 3

HTML

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

자바 스크립트

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