¿Cuál es la diferencia entre .closest () y .parents ('selector')?

¿Cuál es la diferencia entre estos? ¿Es uno más eficiente que el otro? Estoy un poco confundido sobre por qué ambos existen. Digamos que tengo este marcado:

<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>

Desde el<span> etiquetas que podría usarya se $(this).closest('tr'); o$(this).parents('tr'); para acceder al padre / @ más cerca<tr> etiqueta.

Respuestas a la pregunta(6)

Su respuesta a la pregunta