javascript - jquery 打开带有动态 id 的 div

Question

我想使用 jQuery 打开和关闭一个 div。但是因为我使用的代码是动态的，并且会在彼此下面重复，所以我需要使用动态 id。

HTML:

<div class="categoryratings-review-<?php echo $this->htmlEscape($_review->getId())?>" style="display: none;">
   <p>Text</p>
</div>

<span class="showcategoryratings" id="review-<?php echo $this->htmlEscape($_review->getId())?>">
   <span class="showcategoryratings-text">Per category</span>
</span>

我尝试使用这个 jQuery，但我猜 php 行不工作:

$(document).ready(function() {
    $('#review-<?php echo $this->htmlEscape($_review->getId())?>').click(function() {
            $('.categoryratings-review-<?php echo $this->htmlEscape($_review->getId())?>').slideToggle("fast");
            $(this).toggleClass('active');
    });
});

我需要如何正确编辑它？

Answer 1

您无需在 Javascript 中使用 PHP 即可完成此操作。

$(document).ready(function() {
    $('.showcategoryratings').click(function() {
        var categoryId = $(this).attr('id').split('-')[1];

        $('.categoryratings-review-'+categoryId).slideToggle("fast");
        $(this).toggleClass('active');
    });
});

我认为它有效。