如何使用jquery检索表值？

当我们点击tag Add as friend时，以及当我们获得电子邮件值，然后更改tag Add as friend to friend请求发送时，如何检索电子邮件值

对不起。。。。因为我英语不好

find-friends.html

find-friends.js

将电子邮件作为数据属性添加到链接：

if (key === 'email') {
    $('<td>'+"Email : "+val+'&nbsp;&nbsp;&nbsp;&nbsp;'+'</td>').appendTo(tr);
    // $('<td>'+'<a href=# class=link>'+'Add as Friend'+'</a>'+'</td>').appendTo(tr);
    $('<tr><td>'+'<a href="#" class="link" data-email="' + val + '">'+"Add as Friends"+'</a>'+'</td>').appendTo(tr);
}

---

最好使用CSS填充，而不是所有这些填充

$(document).ready(function() {
    $.getJSON('php/find-friends.php', function( data ) {

        $.each(data, function(key, value) {
            var tr=$('<tr></tr>');
            $.each(value, function(key, val) {

                if (key === 'name') {
                    // $('#name').append('Name:'+ ' ' + val);
                    $('<td>'+"Name : "+val+ '&nbsp;&nbsp;&nbsp;&nbsp;' +'</td>').appendTo(tr);
                }

                if (key === 'mobile') {
                    $('<td>'+"Mobile : "+val+ '&nbsp;&nbsp;&nbsp;&nbsp;' +'</td>').appendTo(tr);
                }

                if (key === 'email') {
                    $('<td>'+"Email : "+val+'&nbsp;&nbsp;&nbsp;&nbsp;'+'</td>').appendTo(tr);
                    // $('<td>'+'<a href=# class=link>'+'Add as Friend'+'</a>'+'</td>').appendTo(tr);
                    $('<tr><td>'+'<a href="#" class="link">'+"Add as Friends"+'</a>'+'</td>').appendTo(tr);
                }
            });
            tr.appendTo('.details');
        });
    });
});

if (key === 'email') {
    $('<td>'+"Email : "+val+'&nbsp;&nbsp;&nbsp;&nbsp;'+'</td>').appendTo(tr);
    // $('<td>'+'<a href=# class=link>'+'Add as Friend'+'</a>'+'</td>').appendTo(tr);
    $('<tr><td>'+'<a href="#" class="link" data-email="' + val + '">'+"Add as Friends"+'</a>'+'</td>').appendTo(tr);
}

$(".details").on("click", ".link", function() {
    var email = $(this).data("email");
    sendFriendRequest(email);
    $(this).text("Friend request sent");
});