Javascript变量，增量函数？

Question

我在使用以下 JavaScript 代码时遇到问题:

$( "#toggleLog-1" ).click(function() {
  $( "#toggled-1" ).slideToggle( "slow" );
});
$( "#toggleLog-2" ).click(function() {
  $( "#toggled-2" ).slideToggle( "slow" );
});
$( "#toggleLog-3" ).click(function() {
  $( "#toggled-3" ).slideToggle( "slow" );
});
/// ... and many other IDs

正如你所看到的，我想知道如何增加 id 并压缩我的代码，因为我的 css 文件中有很多 ID。在 php 中，我知道如何做到这一点(使用 foreach 和增量函数)，但是如何在 JavaScript 中做到这一点？

Answer 1

嗯，怎么样:

$("[id^=toggleLog]").click(function() {
    var idNum = this.id.split("-")[1];
    $("#toggled-" + idNum).slideToggle("slow");
});