获取类名中的数字 - jquery

Question

我有一个HTML代码两个div - 一个是按钮,第二个是矩形.当单击按钮时,矩形被隐藏,我想显示它.问题是,我有很多这些按钮和矩形.每个人都有班级:

<div class="navid-1">Sonething</div>

和那些矩形

<div class="topicid-1">long text</div>

现在我需要一些函数,它将选择类navid-*,获取该数字,并显示topicid- [该数字].我不知道,怎么做.另外,隐藏当前可见的矩形会很好.(就像交换它们一样).谢谢.

Answer 1

您可以使用正则表达式来获取class属性末尾的数字.像这样的东西:

$('[class^=navid-]').on('click', function() {
  var num = $(this).attr('class').match(/\d+$/)[0];
  $('.topicid-'+num).show();
});