Question

我有一个按钮列表和一个div，当用户点击每个按钮时我需要显示这些按钮。

这就是我正在尝试的，但一切都没有发生。

的jQuery

<script>
         $( document ).ready(function() {
            $(this).click(function() {
                $(this).closest(".mainbutton").show();
            });
         });
</script>

HTML

<a class="mainbutton" role="button">click me</a>
 <div class="mydiv" style="display:none;">
   <h1>I was hidden</h1>
 </div>

Answer 1

我不太确定你想要达到的目标，但我想你想做的是这样的事情：

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

希望这有帮助。

Answer 2

尝试：

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

closest()遍历DOM树！

Answer 3

试试这个：

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

Answer 4

我想你想要

$( document ).ready(function() {

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

 });

Answer 5

我不确切地知道你的要求，但我认为你想做这样的事情

请参阅Demo

 $( document ).ready(function() {

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

         });

Answer 6

你可以简单地使用这个

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

JQuery OnClick显示最近的div类没有显示

6 个答案: