Javascript jquery多个显示/隐藏按钮

我正在尝试将大量JavaScript转换为jQuery，我有一个任务，我相信它有一个简单的jQuery快捷方式，但我不知道它是什么，我还没有找到一个示例

我有一个有许多切换div的页面。它们的形式如下所示，其中每对都是唯一的整数

<button class='togglebutton' onclick="toggle('div###');">+</button>
<div id='div###'>...some text...</div>

我的理论。。。如果我给每个按钮一个id，比如“button”，那么我可以使用substring来获取单词“button”后面的值，比如：

$('.togglebutton').onclick(function() {
    var divid = '#div'+?????;
    $(divid).toggle();
});

$(this).id().substring(6,3);

---

显然，这不起作用。因此，我想我应该询问jQuery中是否有一个简单的快捷方式，可以将showhide按钮与单独的div配对。

如果HTML的顺序与您在问题中所显示的相同，那么使用：

$('.togglebutton').click(function() {
    $(this).next().toggle();
});

$'.togglebutton'.clickfunction{ $this.next.toggle； }; + …一些文本。。。 + …一些文本。。。 +

---

…一些文本…如果HTML的顺序与您在问题中所显示的相同，则使用：

$('.togglebutton').click(function() {
    $(this).next().toggle();
});

$'.togglebutton'.clickfunction{ $this.next.toggle； }; + …一些文本。。。 + …一些文本。。。 + …一些文本…两种方式：

1您可以对所有潜水使用一些公共类属性，并使用该属性选择所有潜水

或

2或者，您可以使用此通配符选择器：

$("[id^=div]")

它为您提供id以div开头的所有div。

两种方式：

1您可以对所有潜水使用一些公共类属性，并使用该属性选择所有潜水

或

2或者，您可以使用此通配符选择器：

$("[id^=div]")

---

它将为您提供id以div开头的所有div。

无论div位于何处，您都可能希望这样做 HTML

---

无论您的部门位于何处，您都可能希望这样做 HTML

---

在源代码中，按钮和div是否总是直接相邻？然后它就和$this一样简单了。下一步。切换…为什么不分配一些类属性并将其用作选择器获取所有要隐藏的div？@MaheshChavda我只想每个按钮显示/隐藏一个div。每个div旁边都有一个关联的按钮。请使用this.id或$this.attr'id'代替$this.id。在源代码中，按钮和div是否总是直接相邻？然后它就和$this一样简单了。下一步。切换…为什么不分配一些类属性并将其用作选择器获取所有要隐藏的div？@MaheshChavda我只想每个按钮显示/隐藏一个div。每个div旁边都有一个关联的按钮。请使用this.id或$this.attr'id'代替$this.id。谢谢。虽然实际代码中的按钮与div分开，但我认为我可以随意移动。现在尝试…如果你用实际的HTML结构更新你的问题，我可以为你更新我的答案，这样你就不必修改内容。谢谢。虽然实际代码中的按钮与div分开，但我认为我可以随意移动。现在尝试…如果你用实际的HTML结构更新你的问题，我可以为你更新我的答案，这样你就不必修改内容。这非常有用。这将确保没有人在我后面，通过移动元素来打破开关。正确。您可以用更好的方式设置HTML的样式，使每个非常有用的切换保持一致。这将确保没有人在我后面，通过移动元素来打破开关。正确。您可以用更好的方式设置HTML的样式，以确保每个切换的一致性