jQuery変数セレクタ

Question

divにリンクを開くためにjQuery AJAXスクリプトを実装しようとしています。唯一のことは、リンクがループしながら、PHPを使用して動的に作成されている、以下に示す：

<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')を。