Question

I have the following code

$.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);
});

and I want to add a class to the generated div based on the info that is supplied by the text file (sample below) ie if the type=”small” then I want to add class=”small”

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.|

Answer 1

$.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);
});