В чем разница между .closest () и .parents ('селектор')?

В чем разница между ними? Один эффективнее другого? Я немного сбит с толку, почему они оба существуют. Скажем, у меня есть эта разметка:

<table>
    <tr>
        <td>...</td>
        <td><span class='toggle'>Toggle</span></td>
    </tr>
    <tr>
        <td>...</td>
        <td><span class='toggle'>Toggle</span></td>
    </tr>
    <tr>
        <td>..</td>
        <td><span class='toggle'>Toggle</span></td>
    </tr>
</table>

Из тегов я мог бы использовать либо $ (this) .closest ('tr'); , либо $ (this) .parents ('tr'); для доступа к родительскому / ближайшему тегу .