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

Question

我的 php 代码是这样的——

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

现在如何在我的 jQuery 中处理这个可变数量的 id。据我所知，对于单个 div 语句，它可能是:

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

然后选择 ID 为 '#selectThisID-1' 的元素, <p>将切换。如何使用 #selectThisID-2, #selectThisID-3....#selectThisID-n作为 jQuery 选择器。如何从 php 代码获取 'n' 的值到 jQuery？请帮忙。

提前致谢。

编辑:

假设 $n=5 , 所以共有 5 div元素。现在的问题是，当我选择 div 中的任何一个时(说 #selectThisID-3 )所有 <p>元素被切换(即

与 #paraID-1, #paraID-2....#paraID-5 全部切换)。但是我需要在选择 div-3 时切换 para-3，在选择 div-4 时切换 para-4 等等。请帮忙。

Answer 1

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