Javascript JQuery OnClick show最近的div类未显示

我有一个按钮列表，每个按钮下都有一个div，当用户单击每个按钮时，我需要显示这个div

这就是我正在尝试的，但什么都没有发生

jQuery

Html

---

我不太确定你想实现什么，但我猜你想做的是这样的：

 $(".mainbutton").click(function() {
    $(this).siblings(".mydiv").show();
 });

希望这有帮助。

试试这个：

$( document ).ready(function() {
$(".mainbutton").click(function() {
    $(this).next(".mydiv").show();
 });
 });

我猜你想要

$( document ).ready(function() {

        $('.mainbutton').on('click',function() {
               $(this).siblings(".mydiv").show();
        });

 });

---

我不知道你的具体要求，但我认为你想做这样的事情

请看

尝试：

最接近的遍历DOM树

你可以简单地使用这个

---

您正在将事件绑定到文档。是否要在按钮下直接显示div？在Jquery中，$this In$this是什么意思。单击函数。最接近的方法用于父元素。您需要使用。兄弟姐妹。@Boaz，谢谢您的帮助。

$( document ).ready(function() {
$(".mainbutton").click(function() {
    $(this).next(".mydiv").show();
 });
 });

$( document ).ready(function() {

        $('.mainbutton').on('click',function() {
               $(this).siblings(".mydiv").show();
        });

 });

 $( document ).ready(function() {

            $(".mainbutton").click(function() {
                $(this).next(".mydiv").show();
            });

         });

$(".mainbutton").click(function() {
    $(this).next("div").show();
});

$( document ).ready(function() {
     $(".mainbutton").click(function() {
         $(".mydiv").css("display", "inherit");
       });
    });