javascript或jquery for循环不起作用

Question

我有这个：

<script>
$("#P1").on("blur", function(){$("#Y1").val(getClass(this));});
$("#P2").on("blur", function(){$("#Y2").val(getClass(this));});
$("#P3").on("blur", function(){$("#Y3").val(getClass(this));});
$("#P4").on("blur", function(){$("#Y4").val(getClass(this));});
</script>

我想使用jquery将其更改为for循环：

<script>
var i = null;
for ($i = 0; $i < 4; $i++) {
$("#P$i").on("blur", function(){$("#Y$i").val(getClass(this));}); 
}
</script>

但它不起作用。怎么样？

Answer 1

<script>
var i;
for (i = 0; i < 4; i++) {
$("#P" + i).on("blur", function(){$("#Y" + i).val(getClass(this));}); 
}
</script>

Answer 2

<script>
 for (var $i = 0; $i < 4; $i++) {
 $("#P"+$i).on("blur", function(){$("#Y"+$i).val(getClass(this));}); 
 }
</script>