基於jQuery CSV信息

添加類來生成的DIV我有以下代碼基於jQuery CSV信息

$.get('feed.txt', function(data) { 
var arr = data.split('|'); 
var values = ''; 
for(var i=0; i<arr.length; i++){ 
    values += '<div>'+arr[i]+'</div>'; 
} 
$('div').html(values); 
});

，我想一個類添加到基於由文本文件中提供的信息所產生的div（下面的示例），即如果類型=「小」，那麼我想補充類=「小」

TYPE: Small, ID: 0001, RESPONSE DATE AND TIME: 2012-12-12 12:00, UNITNAME: Name, MEMO: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.| 
TYPE: Medium, ID: 0002, RESPONSE DATE AND TIME: 2012-12-12 01:00, UNITNAME: Name, MEMO: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.| 
TYPE: Large, ID: 0003, RESPONSE DATE AND TIME: 2012-12-12 02:00, UNITNAME: Name, MEMO : Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.|

來源

2012-12-11 Clinton Green

$.get('feed.txt', function(data) { 
    var arr = data.split('|'); 
    var values = ''; 
    var type, className; 
    for(var i=0; i<arr.length; i++){ 
     type = arr[i].split(',')[0]; 
     switch(type){ 
      case "TYPE: Small": 
       className = 'small'; 
      break; 
      case "TYPE: Medium": 
       className = 'medium'; 
      break; 
      case "TYPE: Large": 
       className = 'large'; 
      break; 
     } 
     values += '<div class="'+className+'">'+arr[i]+'</div>'; 
    } 
    $('div').html(values); 
});

來源

2012-12-11 03:47:39

謝謝，我試過了，它幾乎是有，但它給所有div類=「小」。並請向我解釋爲什麼「var type，className」不是「var type = className」非常感謝。歡呼 –

'var type，className'只是聲明瞭稍後將在腳本中使用的2個變量。我不確定爲什麼它會讓所有div小班，它應該與您提供的示例數據一起工作。 –

謝謝克拉克，我創建了一個jsfiddle來向你展示發生了什麼，但是對於小提琴，我不得不將數據作爲一個變量引入，然後它工作得很好，問題似乎是通過.get（）加載信息的方式。。這裏是鏈接 - http://jsfiddle.net/dwqZc/3/ –

基於jQuery CSV信息

回答

相關問題