Как из ячейки таблицы получить знание?

Question

[Sama Samsonov]

Есть таблица с динамическим выводом.

<table class="table table-bordered" id="alertData">
    <tr>
        <td class="td1" id="alertno2133" width="15%" align="center">
            <p id="user1">user 1</p>
            <p>2015-04-01</p>
            <a href="javascript:" onclick="getEvents('.{{ edit[user_id] }}.'/'.{{ edit[date_r] }}.')">edit</a>
        </td>
        <td class="td1" id="alertno2133"  width="30%" align="center">
            <p id="user1">user 2</p>
            <p>2015-04-01</p>
            <a href="javascript:" onclick="getEvents('.{{ edit[user_id] }}.'/'.{{ edit[date_r] }}.')">edit</a>
        </td>
        <td class="td1" id="alertno2133"  width="30%" align="center">
            <p id="user1">user 3</p>
            <p>2015-04-01</p>
            <a href="javascript:" onclick="getEvents('.{{ edit[user_id] }}.'/'.{{ edit[date_r] }}.')">edit</a>
        </td>
    </tr>
    <tr>
        <td class="td1" id="alertno2133" width="15%" align="center">
            <p id="user1">user 1</p>
            <p>2015-04-02</p>
            <a href="javascript:" onclick="getEvents('.{{ edit[user_id] }}.'/'.{{ edit[date_r] }}.')">edit</a>
        </td>
        <td class="td1" id="alertno2133"  width="30%" align="center">
            <p id="user1">user 2</p>
            <p>2015-04-02</p>
            <a href="javascript:" onclick="getEvents('.{{ edit[user_id] }}.'/'.{{ edit[date_r] }}.')">edit</a>
        </td>
        <td class="td1" id="alertno2133"  width="30%" align="center">
            <p id="user1">user 3</p>
            <p>2015-04-02</p>
            <a href="javascript:" onclick="getEvents('.{{ edit[user_id] }}.'/'.{{ edit[date_r] }}.')">edit</a>
        </td>
    </tr>
    <tr>
        <td class="td1" id="alertno2133" width="15%" align="center">
            <p id="user1">user 1</p>
            <p>2015-04-03</p>
            <a href="javascript:" onclick="getEvents('.{{ edit[user_id] }}.'/'.{{ edit[date_r] }}.')">edit</a>
        </td>
        <td class="td1" id="alertno2133"  width="30%" align="center">
            <p id="user1">user 2</p>
            <p>2015-04-03</p>
            <a href="javascript:" onclick="getEvents('.{{ edit[user_id] }}.'/'.{{ edit[date_r] }}.')">edit</a>
        </td>
        <td class="td1" id="alertno2133"  width="30%" align="center">
            <p id="user1">user 3</p>
            <p>2015-04-03</p>
            <a href="javascript:" onclick="getEvents('.{{ edit[user_id] }}.'/'.{{ edit[date_r] }}.')">edit</a>
        </td>
    </tr>
</table>

Как мне при клике td получить того пользователя с датой ?

function getEvents(id, date){
        alert(id);   //  возвращает NAN
        alert(date);  // возвращает undefined
    }

еще один вариант пробовал

$('#alertData tr td').click(function(){
        var cval = $(this).text();
        alert(cval);  // возвращает пользователя и дату вместе
    });

Мне нужно два значение.

Answer 1

[leni_m]

например так

<p class="user-name">user 1</p>
<p class="user-date">2015-04-03</p>
<script>
$('#alertData tr td').click(function(){
        var name = $(this).find(".user-name").text(),
              date = $(this).find(".user-date").text();
    });
</script>

Answer 2

[Максим Тимофеев]

Если хотите передать что-то, то для этого есть data атрибуты:

<button type="button" data-user="{{ edit[user_id] }}">edit</button>

и в js

$('button').on('click',function(){
    var data = $(this).data();
    console.log(data.user);
});