如何确定在jScrollPane中选择的行

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/jscrollpane/2.4.2/jquery.jscrollpane.min.js"></script>

<div id="scrollable-content" style="height: 200px; width: 300px; overflow: auto;">
  <table>
    <tr>
      <td>行1</td>
    </tr>
    <tr>
      <td>行2</td>
    </tr>
    <tr>
      <td>行3</td>
    </tr>
    <!-- 其他行... -->
  </table>
</div>

$(document).ready(function() {
  // 初始化jScrollPane
  $('#scrollable-content').jScrollPane();

  // 添加选择行的功能
  $('#scrollable-content table tr').click(function() {
    // 移除其他行的选中状态
    $('#scrollable-content table tr').removeClass('selected');

    // 添加当前行的选中状态
    $(this).addClass('selected');

    // 获取选择行的内容或其他操作
    var selectedRow = $(this).text();
    console.log('选择的行：', selectedRow);
  });
});

.selected {
  background-color: #f0f0f0;
}