Question

我正在使用一个函数，就像我想只显示一个标签一样，如果我点击其他标签会隐藏，我也想切换打开标签。

.show() JQuery只出现在第一个第一个标签而不是其他标签上。

JQuery：

$('#toClick').click(function() {
    $('#toShow').hide();
    $(this).parent('#hideShow').find('#toShow').toggle();
});

HTML：

<span id="hideShow">
  <span id="toClick">tab 1</span>
  <span id="toShow">Tab 1 content</span>
</span>


<span id="hideShow">
  <span id="toClick">tab 2</span>
  <span id="toShow">Tab 2 content</span>
</span>


<span id="hideShow">
  <span id="toClick">tab 3</span>
  <span id="toShow">Tab 3 content</span>
</span>

Answer 1

id在同一个文档中应该是唯一的，通过一般class更改重复的文件，请查看以下示例：

<span class="hideShow">
    <span class="toClick">tab 1</span>
    <span class="toShow">Tab 1 content</span>
</span>

<span class="hideShow">
    <span class="toClick">tab 2</span>
    <span class="toShow">Tab 2 content</span>
</span>

<span class="hideShow">
  <span class="toClick">tab 3</span>
  <span class="toShow">Tab 3 content</span>
</span>

然后使用类选择器.：

$('.toClick').click(function() {
    $('.toShow').hide();
    $(this).parent('.hideShow').find('.toShow').show();
});

希望这有帮助。

切换jquery无法正常工作

1 个答案: