2012-04-16 100 views
0

我想实现一个jQuery AJAX脚本来打开一个div中的链接。只有一点是链接的创建动态地使用PHP while循环,如下图所示:jQuery变量选择器

<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> 

任何帮助将不胜感激。

回答

1

添加classdata-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'); 
    // ... 
+0

感谢您的回复,我想即时与我接近,我的完整jQuery应该看起来像这样? $(文件)。就绪(函数(){ $( '的话题。 ')点击(函数(){VAR topicID = $(本)。数据(' ID'); \t \t \t \t $( “#subConList”)。html(loadAni).load(“topicID”); \t \t \t}); }); – Ciaran 2012-04-16 04:51:08

+0

@Ciaran:'load'部分应该看起来更像这样:'.load('viewTopic.php?id ='+ topicID)' – icktoofay 2012-04-16 04:53:16

+0

我爱你! – Ciaran 2012-04-16 04:56:47