Question

我试图使用这段代码来显示两个元素：

$('.annu-numtel-btn').click(function()
{
$('.annu-numtel-btn').toggleClass('hidden');
$('.annu-numtel').toggleClass('visible hidden');
});

和这个html：

<p class="annu-numtel-btn visible ">Afficher le n° de téléphone</p>
<p class="annu-numtel hidden">Tél. : 01 31 32 45 78</p>

它正在工作，但如果我在同一页面上有多个元素，它会切换所有元素，我只想切换我点击的元素。我怎样才能做到这一点？提前谢谢。

Answer 1

您需要定位以这种方式单击的元素。

$('.annu-numtel-btn').click(function()
{
  $(this).toggleClass('hidden');
  $(this).next().toggleClass('visible hidden');
});

Answer 2

使用$(this)访问当前点击的元素：

    $('.annu-numtel-btn').click(function() {
      $(this).toggleClass('hidden');
      $('.annu-numtel').toggleClass('hidden');
    });

.hidden {
  display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<p class="annu-numtel-btn">Afficher le n° de téléphone</p>
<p class="annu-numtel hidden">Tél. : 01 31 32 45 78</p>

仅在jQuery中切换两个元素的显示

2 个答案: