javascript - 使用 PHP 创建简单的 JS

Question

我正在尝试使用 PHP 重新创建下面的 JS。原因是编号的类和值实际上是从 mysql 数据库中提取的 ID。我有一个区域正在创建报告，下面的代码显示和隐藏该报告的规则。由于不同的报告有不同的规则，因此它会根据分组显示和隐藏规则，在下面的代码中确定为#rule_who。

当尝试重新创建以下内容时，我尝试使用 while 循环，但它变得非常荒谬。 JavaScript 或 AJAX 中是否有更有效的方法来显示和隐藏更适合使用大量 div 的 div？ 2、3、4 等不应该是递增的数字，因为它依赖于 ID，因此随着时间的推移，随着报告被删除，一些数字会消失。

如有任何帮助，我们将不胜感激。谢谢

<script>
//<![CDATA[ 
$(window).load(function(){
   $(".2").hide();
   $(".3").hide();
   $(".4").hide();
        $('#rule_who').on('change', function () {

    if(this.value === "2"){
   $(".2").show();
   $(".3").hide();
   $(".4").hide();
    } else if(this.value === "3"){
   $(".2").hide();
   $(".3").show();
   $(".4").hide();
    } else if(this.value === "4"){
   $(".2").hide();
   $(".3").hide();
   $(".4").show();
    } else {
   $(".2").hide();
   $(".3").hide();
   $(".4").hide();
    }

});
});//]]>  

</script>

编辑:感谢大家的帮助。

我最终使用的是以下内容:

<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){

$("#rule_who").change(function() {
    $("div.specific_rules").hide();
    var targetId = $(this).val();

    console.log($(targetId).html());
    // show the new selected one
    $("#"+targetId).show();
});
});//]]>  

</script>

Answer 1

我认为你可以做到:

$('.' + this.value).show();
$('.' + this.value).siblings().hide();