javascript - 将查询参数与点击操作的选择器类进行比较

Question

我有一个 div 列表，单击每个 div 将显示另一个 div。我目前有一个脚本，它将获取查询参数值(例如:http://domain.com/?id=1)，去除id的值并使用该值来触发以该数字作为类的相应 div。我当前的实现是:

var param = window.location.search.split('?id=')[1];
  if(param == 1){
    $(".1").click();
  }
  else if(param == 2){
    $(".2").click();
  }
  else if(param == 3){
    $(".3").click();
  }
  else if(param == 4){
    $(".4").click();
  }
  else if(param == 5){
    $(".5").click();
  }
  else if(param == 6){
    $(".6").click();
  }
  else if(param == 7){
    $(".7").click();
  }
  else if(param == 8){
    $(".8").click();
  }
  else if(param == 9){
    $(".9").click();
  }
  else if(param == 10){
    $(".10").click();
  }
});

我尝试创建一个循环来遍历所有选择器:

var array = [];
$('.list-group li').each(function(idx, el){
    array.push(el);
});

但我无法弄清楚如何将查询参数的值与数组中的值进行比较并选择数组值来触发该类。简单循环列表组的主要原因之一是项目数量超过 10 个。我可能过度考虑了这个功能，并且可以只使用原始实现，但认为这可能更干净。

Answer 1

因为你已经有了 var所以你可以简单地做，

var param = window.location.search.split('?id=')[1];
$('.'+param).click();

无需创建新数组