Question

I have this sample http://jsfiddle.net/7aDak/927/ . I need to iterate through each table’s each row’s dropdown and textarea and build a string based on that . I must not use id’s . How would I do it ? Thanks in advance .

Answer 1

Your code was almost set.. just needed minor fix.. See below,

DEMO: http://jsfiddle.net/7aDak/931/

$("#btnSave").click(function() {

    $(".templateTable").each(function() {
        //v-- Used $(this).find('tr') to get all tr from the selected table
        $(this).find("tr").each(function() {
            $this = $(this)
            var email = $this.find("textarea").val();
            var frequency = $this.find("select").val();
            alert(email + '--' + frequency);
        });
    });
});

or As suggested by Rune

$("#btnSave").click(function() {
    $(".templateTable tr").each(function() {
        $this = $(this)
        var email = $this.find("textarea").val();
        var frequency = $this.find("select").val();
        alert(email + '--' + frequency);
    });
});