How do I convert the items of an LI into a json object using jquery?

Question

If I have a list like the following:

    
Bob
    
Frank
    


        

Answer 1

You can simply push these to a JSON object, Here is how -

   // create a blank array
    var mylist = [];

    // loop trough the li
    $("ul.nameList > li").each(function () {    
    //push element data to the array
        mylist.push({
            "id": $(this).attr("value"),
            "title": $(this).text()
        });
    })

    // then you can simply pass it to the post method 
    $.post("myhandler.php", { list: mylist }, function (data) {
        // recived data
   })

And of course the your html

    
Bob
    
Frank
    
Sally

Working example - http://jsfiddle.net/mohammadwali/tkhb5/

Hope this helped!