Question

我有一堆代码，我一直在努力让它迟到，我可能只是愚蠢但我无法弄清楚我做错了什么。

我有一个php循环，它在类的末尾添加一个数字，以便我可以将几个div连接在一起。因此，当我单击一个元素时，以相同数字结尾的其他元素会受到影响。

所以我拥有的东西：

$images = array();

$('[class^=cl-]').on('click', function() {
  var num = $(this).match(/\d+$/)[0];
  $(".page-template-page-contact .active").removeClass("active");
  $(this).addClass("active");
  $('.c-map-' + num).addClass("active");
  $('.contacter-' + num).addClass("active");
});

.nope {
  display: none;
}
div.active {
  display: block
}

Answer 1

如果我理解，你需要这样的东西：

$(document).ready(function(){
$('*[class*="cl-"]').on('click', function() {
    console.log('fired');
  var num = $(this).attr('class').match(/\d+$/)[0];
  //console.log(num);

  $(".active").removeClass("active");
  //$(this).addClass("active");
  $('.cl-' + num).addClass("active");
  $('.c-map-' + num).addClass("active");
  $('.contacter-' + num).addClass("active");
 });
});

Here一个工作小提琴。

我认为，toggleClass在这次比赛中会被更多地占用。

带有编号后缀的jQuery类

1 个答案: