Question

I am learning jquery and currently playing with jsfiddle. To start with , i have watched basic vidoes on pluralsight and AppendTo.

If you take a look at this http://jsfiddle.net/bmNKU/7/ , I am trying to get a list of values from a particular column( in this case a list of email Ids).

I have managed to get the loop but it shows values of all rows and cols…the final output i want is the list of all email ID in all rows from EmailID column. i.e, [e-mail],[e-mail] etc…there can be any number of rows.

Answer 1

Here’s a version that creates a new unordered list using your markup. Should use td instead of th

http://jsfiddle.net/bmNKU/14/

$(document).ready(function() {
    /* add a new ul to put emails into*/
    $('body').append( '<ul id="list"></ul>');    

    $("#btn").click(function() {
                             /* start an html string*/
        var html = ''; 
        /* loop over table*/
        $('tr:gt(0)').each(function() {
            var email = $(this).find('th').eq(1).text();
            /* concatenate each new element to html string */
            html += '<li>' + email + '</li>';
        })

        /* add new html to DOM*/
        $('#list').html(html);

    });
});