如何在Jquery中创建动态id选择器？

Question

My php code goes something like this way-

for($i=1;$i<=$n;$i++)
{
$id='selectThisID-' . $i;
?>
<div id="<?php echo $id;?>">On Select this Div(say #selectThisID-3)<?php echo $field-n; ?></div>

<?php $id= 'paraID-' . $i;
<p id="<?php echo $id; ?>" style="display:none">Toggle this para(say #paraID-3) for selected ID only</p>
}

Now how can I handle this variable number of id's in my jQuery. As I know for single div statement it could be:

    <script>
        $(document).ready(function(){
            $("[id^=selectThisID-]").click(function(){
                $("[id^=paraID-]").toggle();
            });
        });
</script>

So on selecting element with id '#selectThisID-1', <p> will toggle. How can I use #selectThisID-2, #selectThisID-3....#selectThisID-n as jQuery selector. How can I get value of 'n' from php code to jQuery? Please help.

Thanks in advance.

Edit:

Suppose $n=5, so there are total 5 div elements. Now the problem is that when I select any of div(say #selectThisID-3) all <p> elements get toggled(i.e.

with #paraID-1, #paraID-2....#paraID-5 all toggled). However I need to toggle para-3 when div-3 selected, toggle para-4 when div-4 selected and so on. Please help.

Answer 1

$("[id^=selectThisID-]").click(function(){
    $("#paraID-"+this.id.split('-')[1]).toggle();
});