javascript - 带有编号后缀的 jQuery 类

Question

我有一大堆代码，我一直在研究它，但它已经很晚了，我可能只是很愚蠢，但我不知道我做错了什么。

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

这就是我所拥有的:

$('[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
}

<div>
  <div class="nope active cl-0">A</div>
  <div class="nope active c-map-0">B</div>
  <div class="nope active contacter-0">C</div>
</div>

<div>
  <div class="nope cl-1">D</div>
  <div class="nope c-map-1">E</div>
  <div class="nope contacter-1">F</div>
</div>

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一个工作 fiddle 。

我认为，toggleClass在这次比赛中会更合适。