Question

我想调用jQuery函数并通过load（）将userinfo加载到div中。这是我的用户列表：

<a href="#" id="1" class="profile"><b>Alex</b><br>Some infos...</a>
<a href="#" id="2" class="profile"><b>Barney</b><br>Some infos...</a>
<a href="#" id="3" class="profile"><b>Chris</b><br>Some infos...</a>

这是我的第一次尝试：

$(".profile").click(function(){
$("#title").text(".profil b");
$("#profilediv").load("user.php?id="+#id);});

当然这不起作用。

应该做什么：

1）在点击的个人资料链接中获取-tag的值（用户名）并将其放入#title。

2）将userid发送到user.php并将内容放入#profilediv

我不知道这是不是最好的方式......也许这样的事情也会起作用：

<a href="#" id="1,Alex" class="profile">Alex<br>Some infos...</a>

然后将id拆分为userid和username ...

感谢您的帮助！

Answer 1

您可以将data属性添加到您的html中，如

<a href="#" data-id="1" data-name="Alex" class="profile"><b>Alex</b><br />Some infos...</a>
<a href="#" data-id="2" data-name="Barney" class="profile"><b>Barney</b><br />Some infos...</a>
<a href="#" data-id="3" data-name="Chris" class="profile"><b>Chris</b><br />Some infos...</a>

然后将值添加到您的脚本中，如

$(".profile").click(function () {
    var name = $(this).data("name");
    var id = $(this).data("id");
    $("#title").text(name);
    $("#profilediv").load("user.php?id=" + id);
});

Answer 2

如何改为创建一个函数：

<a href="#" onClick='javascript:loadProfile("1","Alex");'>
    <b>Alex</b><br>Some infos...
</a>
<a href="#" onClick='javascript:loadProfile("2","Barney");'>
    <b>Barney</b><br>Some infos...
</a>
<a href="#" onClick='javascript:loadProfile("3","Chris");'>
    <b>Chris</b><br>Some infos...
</a>

和javascript：

function loadProfile(id,name){
    $("#title").text(name);
    $("#profilediv").load("user.php?id="+ id);});
}

朋友列表功能

2 个答案: