jquery - jquery显示/隐藏具有相同起始的元素

Question

我有三十个 div 和三十个按钮。每个按钮隐藏以前打开的 div 并打开不同的 div。例如：

打开了名为“divnr4”的 div。我按下 7 号按钮，divnr4 消失，但出现 divnr7。我怎么能这样做？我正在考虑使用类似的东西

$('#divnr').hide();
$('#divnr7').show();

但我不确定它是否有效以及如何正确执行此操作。

请帮忙 ：）

Answer 1

$("button").on("click", function() {
    $( "div[id^=divnr]" ).hide();
    $( "#divnr" + ( $(this).index() + 1 ) ).show();
});

演示

Answer 2

如果一次只打开一个 div，您可以调用一些代码来显示所选 div 并隐藏其余部分。这个链接有一个工作示例，可以说明我的意思。