如何使用jQuery檢索表中的值？

如何檢索電子郵件值當我們點擊<a>標籤「加爲好友」，也當我們得到郵件值然後更改<a>標籤「加爲好友」，以「好友請求發送」？如何使用jQuery檢索表中的值？

對不起....我的英語不好。

發現，friends.html

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Find Friends</title> 
</head> 
<body> 
    <h4><a href="php/logout.php">Log Out</a> </h4> 

    <table class="details" align="center"> 
    </table> 

    <script src="js/jquery-1.10.1.min.js"></script> 
    <script type="text/javascript" src="js/find-friends.js"></script> 
</body> 
</html>

發現，friends.js

$(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'); 
     }); 
    }); 
});

來源

2015-04-29 Surendra Singh Rana

這將是更好的使用CSS填充，而不是所有' ' – Barmar

添加電子郵件作爲data屬性的鏈接：

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); 
}

然後你可以n使用它來檢索它：

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

來源

2015-04-29 11:20:48 Barmar

如何使用jQuery檢索表中的值？

回答

相關問題