jquery - 专注于小 div 内表格的 <the> 内容

Question

我正在制作一个面板(使用 div)，它将显示一个事件的多个发言人姓名。我创建了一个包含这些演讲者姓名列表的 HTML 表格。该面板可能尺寸较小，发言者数量可能较多，因此可能无法完整显示表格。

我想在加载表格时使用 jQuery 来显示包含类 'disc' 的 tr，因为它是识别此刻正在讲话的说话者的类。

这是我的一段代码:

<div class="panel">
<table class="table">
    <tbody>
        <tr class="row-1"><td>JOHN DOE</td></tr>
        ...
        ...
        <tr class="row-136 disc">
            <td>BOB DYLAN</td>
        </tr>
        ...
        ...
    </tbody>
</table>

Answer 1

由于不仅要显示“desc”类行，而且要在屏幕中间的某个位置显示它也很重要，因此我建议构建一个带有显式定义变量的小函数。 “重复答案”中的方法是单行的，很难完善，也很难维护。

这个功能应该比较清楚，

target = $(".disc");
lineHeight = target.height();
distanceFromTop = target.offset().top;
linesFromTop = 5;

$(window).scrollTop(distanceFromTop - (lineHeight * linesFromTop));