切换具有给定id的元素的类

Question

我有以下代码：

<dl>
  <dt id="1"><a href="#">One</a></dt>
  <dd class="hidden" id="1">Test one</dd>
</dl>

<dl>
  <dt id="2"><a href="#">Two</a></dt>
  <dd class="hidden" id="2">test Two</dd>
</dl>

<dl>
  <dt id="3"><a href="#">Three</a></dt>
  <dd class="hidden" id="3">test three</dd>
</dl>

点击<dt>元素时，我想将<dd>的同一个ID更改为"show"

这是我的剧本：

$(document).on('click', 'dt', function () {
    var fq=$(this).attr("id");
    $("dd").removeClass("hidden").addClass("show");
    console.log($(this).attr("id"));
});

使用上面的代码，我可以获得点击的<dt>的ID，但是如何更改具有相同ID的<dd>的类？

Answer 1

使用：

$(document).on('click', 'dt', function () {
    $(this).next('dd').removeClass("hidden").addClass("show");
});