jquery显示/隐藏具有相同开头的元素

Question

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

有一个名为'divnr4'的div是oppened。我按下按钮号7和divnr4消失，但出现divnr7。我怎么能这样做？我正在考虑使用像

这样的东西

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

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

请帮助：）

Answer 1

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

DEMO

Answer 2

如果一次只打开一个div，则可以调用一些代码来显示所选的div并隐藏其余的div。 This link有一个可以证明我的意思的工作示例。