javascript - jQuery 查找上一个 TR，直到到达包含 DATA 的 TD

Question

简而言之，我面临的问题是无法继续跳过之前的 TR，直到我到达类开始时间代码没有空值的 TD。

如果没有空的时间码 TD，这里是可以正常工作的实际代码: https://jsfiddle.net/jLx1sfx8/1/

$(document).ready(function(e) {   
  $('#check').click(function(e) {
    var activeExists = $('#caption-table .active-narrative').length;
    if (activeExists > 0) {
      var totalRows = $('#caption-table tr').length;
      var startTimeThisRange = $('.active-narrative .start-timecode').text();
      var startTimeNextRange = $('.active-narrative').closest('tr').prev().find('.start-timecode').text();
      alert(startTimeNextRange);
    }
  });     
});

但是，当前一行中的时间码 TD 为空时，则无法获取其开始时间码。正如你在这里看到的。 https://jsfiddle.net/jLx1sfx8/5/

结果需求:我希望 jQuery 继续跳过前面的行，直到到达包含数据的 TD 开始时间代码。

注意:我尝试了 :empty、:has、untilAll 等，但不知何故无法实现它，或者很可能我完全不确定确切的语法。

Answer 1

使用 while 循环按顺序检查 tr:

https://jsfiddle.net/62eo08tt/

  $('#check').click(function(e) {
    var activeExists = $('#caption-table .active-narrative').length;

    if (activeExists > 0) {
      var totalRows = $('#caption-table tr').length;
      var startTimeThisRange = $('.active-narrative .start-timecode').text();

      var $prevTr = $('.active-narrative').closest('tr').prev();
      while ($prevTr.length && $.trim($prevTr.find('.start-timecode').text()) == '') {
        $prevTr = $prevTr.prev();
      }

      var startTimeNextRange = $prevTr.find('.start-timecode').text();
      alert(startTimeNextRange);
    }
  });