jQuery variable selector

Question

I'm trying to implement a jQuery AJAX script to open a link in a div. Only thing is the links are created dynamically using a PHP while loop, shown below:

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

The following code is the jQuery I am trying to use to create the ajax function. How can I create a dynamic selector like I have illustrated with PHP in the jQuery?

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

Any help would be greatly appreciated.

icktoofay · Accepted Answer · 2012-04-16 03:08:30Z

1

Add a class and data-id to your rows:

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

Then select by the class and get the ID using data:

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

answered Apr 16, 2012 at 3:08

icktoofay

130k23 gold badges261 silver badges239 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Ciaran Over a year ago

Thanks for reply, I think im getting close with this, my full jquery should look something like this then? $(document).ready(function(){ $('.topic').click(function() { var topicID = $(this).data('id'); $("#subConList").html(loadAni).load("topicID"); }); });

icktoofay Over a year ago

@Ciaran: That load part should look more like this: .load('viewTopic.php?id=' + topicID)

thecodeparadox · Accepted Answer · 2012-04-16 03:14:06Z

0

Try this:

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

answered Apr 16, 2012 at 3:14

thecodeparadox

87.2k22 gold badges143 silver badges164 bronze badges

Collectives™ on Stack Overflow

jQuery variable selector

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related