Question

我试图获取使用while循环从db生成的linl的值。当我在链接上进行预告时，它应该显示带有名称的警报窗口。

while($trackResultRow = mysqli_fetch_assoc($trackResult)){?>
    <li>
      <a href="#" class="rem" 
       data-userid="<?php echo $trackResultRow['username']?>" 
       data-track="<?php echo $trackResultRow['track_name']?>">
        <span class="glyphicon glyphicon-thumbs-down pull-right"></span>
      </a>
      <a href="<?php echo $trackResultRow['track_path']?>">
        <span><?php echo $trackResultRow['username']?></span> -
        <span><?php echo $trackResultRow['track_name']?></span>
      </a>
      <hr/>
    </li>

<hr>
<?php
}
?>

和Jquery代码

 $(function() {
 $(".rem").on("click", function(e) {
  e.preventDefault();
  var $link = $(this), // save for later
  username = $(this).data("userid"),
  track = $(this).data("track");
  return alert (username);

  });
});

但它不起作用....任何人都可以帮我修复这段代码吗？

Answer 1

你的代码对我有用，但我注意到你的两个锚标签彼此非常接近。您是否将事件侦听器添加到第一个锚标记并单击第二个？请参阅下面的示例代码

＆＃13;

$(function() {
  $(".rem").on("click", function(e) {
    e.preventDefault();
    var $link = $(this), // save for later
      username = $link.data("userid"),
      track = $link.data("track");
    return alert(username);

  });
});

＆＃13;

.glyphicon:after {
  content: 'Icon'
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<ul>
  <li>
    <a href="#" class="rem" data-userid="USERNAME" data-track="TRACK_NAME">
      <span class="glyphicon glyphicon-thumbs-down pull-right "></span>
    </a>
    <a href="track_path">
      <span>username</span> -
      <span>track_name</span>
    </a>
    <hr/>
  </li>
  <li>
    <a href="#" class="rem" data-userid="USERNAME" data-track="TRACK_NAME">
      <span class="glyphicon glyphicon-thumbs-down pull-right "></span>
    </a> -
    <a href="track_path">
      <span>username</span> -
      <span>track_name</span>
    </a>
    <hr/>
  </li>
</ul>

＆＃13;

使用Jquery获取链接的值

1 个答案: