SO - 17316317

HTML

<table id="tblStatements" class="table">
    <thead>
        <tr>
            <th>Period Starting</th>
            <th>Period Ending</th>
            <th>Download</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td id='period-start'>5/1/2013</td>
            <td id='period-end'>5/31/2013</td>
            <td>
                <button type='submit'>Download</button>
            </td>
        </tr>
        <tr>
            <td id='period-start'>4/1/2013</td>
            <td id='period-end'>4/30/2013</td>
            <td>
                <button type='submit'>Download</button>
            </td>
        </tr>
        <tr>
            <td id='period-start'>3/1/2013</td>
            <td id='period-end'>3/31/2013</td>
            <td>
                <button type='submit'>Download</button>
            </td>
        </tr>
    </tbody>
</table>

JavaScript

$('button').click(function () {
    // Get the first td
    var periodStart = $(this).closest('tr').children('td:eq(0)').text();

    // Get the second td
    var periodEnd = $(this).closest('tr').children('td:eq(1)').text();
    
    alert('periodStart:  ' + periodStart + '\nperiodEnd:  ' + periodEnd)
});