jquery标记点击事件

前端之家收集整理的这篇文章主要介绍了jquery标记点击事件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在构建一个代码,显示搜索中的用户信息.用户信息随后显示在一个字段集中,并显示一个图像,名字,姓氏和几个配置文件信息.被显示,并且在字段集的底部有一个添加为朋友的超链接
<a href="#" id="aaf">add as friend</a>

现在我想使用jquery $post()方法与另一个页面进行交互.我还有一个隐藏的字段,该用户字段集具有用户id值.现在,当我使用jquery创建点击功能时,我无法访问不同的隐藏字段值.现在我想知道如何实现这个功能?为了检查我是否可以在一组代码获取隐藏字段的值,我做到了这一点.

$(document).ready(function () {
    $("a#aaf").bind('click',function () {
        alert($("#uid").val());
    });
});

但我只是获得了第一个字段集的值,而不是其他值.请引导我这个.

提前致谢.

编辑:如何获取每个标签点击事件?我在这里再加一些代码,

<?PHP foreach($query->result() as $row){?>
<fieldset>
    <legend>
        <?PHP echo $row->firstname.' '.$row->lastname;?>
    </legend>
    <img src='<?PHP echo $row->profile_img_url;?>'/><br>
    <a href="#" id="aaf">add as friend</a>
    <input name="uid" type="hidden" value='<?PHP echo $row->uid;?>' id="uid">
</fieldset>

解决方法

<a href="javascript:void(0)" class="aaf" id="users_id">add as a friend</a>

在jquery

$('.aaf').on("click",function(){
  var usersid =  $(this).attr("id");
  //post code
})

//其他方法是使用data属性

<a href="javascript:void(0)" class="aaf" data-id="102" data-username="sample_username">add as a friend</a>

在jquery

$('.aaf').on("click",function(){
    var usersid =  $(this).data("id");
    var username = $(this).data("username");
})

猜你在找的jQuery相关文章