javascript - 根据表格中其他 的文本向 添加倒数计时器

Question

我正在尝试使用 jQuery 添加一个倒数计时器(使用这个 http://keith-wood.name/countdown.html )到基于同一表中另一个 td 的文本的 td。

例如，我的表格如下所示，如果状态 td 包含文本“已接收”，我想将计时器添加到 time_remaining td。

<table>
    <tr>
        <td class="status">Completed</td>
       <td class="time_received"></td>
       <td class="time_remaining"></td>
    </tr>
    <tr>
        <td class="status">Received</td>
        <td class="time_received"></td>
        <td class="time_remaining"></td>
    </tr>        
</table>

我的 jQuery 目前看起来像下面这样，但我使用的是 $(this).next()，它只会将计时器添加到 time_received td，但我需要将它添加到time_remaining td，我可以用什么代替 .next()？任何帮助将不胜感激。

 var newCount = new Date(); 
 newCount.setMinutes(newCount.getMinutes() + 30);
 $('td.status:contains(Received)').each(function() {
   $(this).next().countdown({
        until: newCount, 
        format: 'M',
        layout: "{mn} min"
        });
​});​

Answer 1

您可以将选择器传递给 next 并使用索引来指定哪个 - 在您的情况下，time_remaining 类只有一个兄弟，所以它是相同的

.next(".time_remaining")[0]

或者，如果你总是想要第二个 sibling ，你可以这样做

.nextAll()[1]