Question

When i embed or use php loops to create multiple div’s with some id.
I want each of them to use with jquery. Say anything like simple hide/show interface.

But as the id is the same it wont work. I assign a variable lets say $i to php loop for the reference of uniqueness. I can assign id to a DOM element with like

           <div id="element-<php echo $i ?>">Bla Bla </div>

Php echoes out here perfectly but how do i use it with jquery something like this:

        $("#element"+<?php echo $i ?>).toggle();

Here it doesnt works.

How do i do it correctly and where am i going wrong ?

Sorry for bad english.

Thanks

Answer 1

the proper syntax for a php code is:

<?php

//code

?>

So here you can clearly see what is the error:

<php echo $i ?>

It should be:

<?php echo $i; ?>

Updated answer:

<?php
 for ($k=0;$k<=100;$k++)
  echo '<div id="element-'.$k.'" onclick="toggleID('.$k.')">Here is the content of div $k</div>';
?>

<script>
 function toggleID(id)
 {
  $("#element"+id).toggle();
 }
</script>