Question

我希望有更多按钮显示内容onclick。当有人单击任何按钮时，可能会显示所有内容（toShow）。目前它可以工作，但只在第一个按钮。因此，当有人点击第一个按钮时，会显示所有内容，但我需要在有人点击页面上的任何按钮时显示所有内容。也许我需要循环？谢谢你的帮助。

$(document).ready(function(){
    $("toShow").hide();
    $("#show").click(function(){
        $("toShow").show();
        $("buttonShow").hide();
    });
});

<h1>First element</h1>
<buttonShow>
<button id="show">show</button>
</buttonShow>

<toShow>
content
</toShow>

<h2>Second element</h2>
<buttonShow>
<button id="show">show</button>
</buttonShow>

<toShow>
content
</toShow>

Answer 1

这是因为你有多个相同的id。改为分配类，对于任何具有类.show的按钮 - 将触发相应的事件处理程序

<button class="show">show</button>
<button class="show">show</button>
<button class="show">show</button>

$('.show').click(function(){
    $('toShow').show();
    $('buttonShow').hide();
});

JSFiddle Example

jQuery：show onclick仅适用于第一个按钮

1 个答案: