Javascript/Jquery 使 Anchor 链接到特定类的第一个实例......？

Question

我的大脑被炸毁了，我无法解决这个问题。我绝对是编程新手。

在我的页面中，我有一个按字母顺序显示的动态生成的名称列表。每个姓氏以“A”开头的人都会获得 css 类“letter_A”。每个姓氏以“B”开头的人都会获得 css 类“letter_B”等等......

我在页面顶部有一个 anchor 链接列表(A - B - C - D - E - F - G - H - I 等等)，我想跳转到第一个元素(名称) 具有特定的类。因此， anchor 链接“A”会跳转到具有类“letter_A”的第一个元素。 anchor 链接“B”将跳转到具有类“letter_B”的第一个元素，依此类推。

使用 javascript(或 jquery)编写此代码的最佳方式是什么？

Answer 1

这应该可以完成工作:

$("a").click(function(){
    var firstItem = $(".letter_" + $(this).text()).first();
    var top = firstItem.offset().top;
    $("body,html").scrollTop(top);
});