Jquery 突出显示下一步<；dd>；单击锚点后进行标记

我正在使用我找到的一些代码在单击锚链接后高亮显示id

我想对此进行修改，以突出显示定义列表中的下一个

标记：

<dl class="mainfaq">
      <dt id="q1">Q1</dt>
         <dd><p>A1</p></dd>
      <dt id="q2">Q2</dt>
         <dd><p>A2</p></dd>
      <dt id="q3">Q3</dt>
         <dd><p>A3</p></dd>
</dl>

我似乎无法让通常的.next或.sibling修改生效

我会使用n：

---

我不完全确定您想要实现什么，但假设您在同一页面上单击一个链接，然后尝试突出显示目标元素，您可以使用纯css解决方案：

:target + dd > p { /* css */ }

它应该以

p

为目标，p是

dd

的直系后代，dd是

target

-ed

dt

元素的直接同级

不过，这种方法有一些警告；我无法想象IE<8（可能包括8）会正确地实现它。而且它几乎肯定需要一个有效的doctype

演示：当你说“下一个标签”时，“下一个”与什么有关？

highlight(elemId + ' + dd');

:target + dd > p { /* css */ }