rel attributte不在此代码中工作

时间:2016-04-19 14:22:12

标签: php jquery

从我在select查询中编写的代码中它可以正常工作,在数据库中我有10个数字行,所以它会有10条评论,对于我的问题是,我有一个回复按钮,同时点击我想要的回复按钮得到id,从这里我只有第一行ID,我点击所有按钮我得到id = 1 ,我的东西rel属性它会产生问题,但我不知道y?它无法正常工作

<?php
$comment = mysql_query("SELECT * FROM task_comments WHERE task_id='$task_id'");
while($com=mysql_fetch_assoc($comment)){
?>
  <div class="comment">
    <div class="img-thumbnail">
      <img class="avatar" alt="" src="../TV/dist/img/user2-160x160.jpg">
    </div>
    <div class="comment-block">
      <div class="comment-arrow"></div>
      <span class="comment-by">
        <strong><?php echo $com['comment_by'];?></strong>
        <span class="pull-right">
           <a href="#" rel="<?php echo $com['id']?>" class="reply-btn"><i class="fa fa-reply"></i> Reply</a>
        </span>
      </span>
      <p><?php echo $com['comment'];?></p>
      <span class="date pull-right"><?php echo $com['comment_on'];?></span>
    </div>
  </div>
  <?php } ?>

  <!-- My JS code Like this -->

    $(document).ready(function(){
     $('.reply-btn').click(function(event){
       event.preventDefault();
        alert($(".reply-btn").attr("rel"));// here i got only first row id name like 1
        });
     });

1 个答案:

答案 0 :(得分:1)

尝试$(this)从点击的按钮获取数据。我个人会重新使用数据属性。并且可能建议从链路周围移除跨距。

 $(document).ready(function(){
     $('.reply-btn').click(function(event){
        event.preventDefault();
        alert($(this).attr("rel"));// should give the the "rel" of the clicked button
        });
     });