@samuser
programmer

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

Есть таблица с динамическим выводом.
<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);  // возвращает пользователя и дату вместе
    });


Мне нужно два значение.
  • Вопрос задан
  • 67 просмотров
Решения вопроса 1
leni_m
@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>
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
Если хотите передать что-то, то для этого есть data атрибуты:
<button type="button" data-user="{{ edit[user_id] }}">edit</button>

и в js
$('button').on('click',function(){
    var data = $(this).data();
    console.log(data.user);
});
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы