Question

我正在尝试实现一个jQuery AJAX脚本来打开div中的链接。唯一的事情是链接是使用PHP while循环动态创建的，如下所示：

<a id="topic<? echo $rows['id']; ?>" href="viewTopic.php?id=<? echo $rows['id']; ?>"><? echo $rows['topic']; ?></a>

以下代码是我试图用来创建ajax函数的jQuery。如何创建一个动态选择器，就像我在jQuery中用PHP说明的那样？

<script type="text/javascript" language="javascript">
$(document).ready(function(){
$("#topic<?php echo $rows['id']; ?>").click(function(){

        $("#subConList").html(loadAni).load('viewTopic.php?id=<?php echo $rows['id']; ?>');     
    });
});
</script>

非常感谢任何帮助。

Answer 1

在您的行中添加class和data-id：

<a id="topic<? echo $rows['id']; ?>" class="topic" href="viewTopic.php?id=<? echo $rows['id']; ?>" data-id="<? echo $rows['id']; ?>"><? echo $rows['topic']; ?></a>

然后按class选择并使用data获取ID：

$('.topic').click(function() {
    var topicID = $(this).data('id');
    // ...

Answer 2

试试这个：

$('a[id^="topic"]').data('id');

jQuery变量选择器

2 个答案: