JSFiddle - React, Tailwind, and code Playground

HTML

<ul></ul>

JavaScript

function test(obj) {
    console.log(obj);
    alert(obj.text);   
}
    
function addToListview(){
    var listofitems = [];


    var item1 = new Object;
    var item2 = new Object;
    var item3 = new Object;
    item1.name = "item1"
    item1.page = "info1"
    item2.name = "item2"
    item2.page = "info2"
    item3.name = "item3"
    item3.page = "info3"
    
    listofitems.push(item1);
    listofitems.push(item2);
    listofitems.push(item3);
    
    for (var i=0; i<listofitems.length; i++)
    {
        tempobj = listofitems[i];
        
        $('ul').append($('<li/>', {    
        'data-role': "list-divider"
        }).append($('<a/>', {    
            'onclick': 'test(this)',
            'data-transition': 'slide',
            'text': tempobj.name
    
        })));
    }
    $('ul').listview('refresh');
}

$(document).ready(function() {
    addToListview();
});