jquery – .closest()和.parents(‘selector’)有什么区别？

这些有什么区别？比另一个更有效率吗？我有点困惑,为什么他们都存在.说我有这个标记：

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

从< span>标签我可以使用$(this).closest(‘tr’);或$(this).parents(‘tr’);以访问父/最近的< tr>标签.

解决方法

parent返回直接父母(一个用于调用对象中的每个元素),如果父选项不匹配则返回任何内容. closest返回每个元素(可以是原始元素)的最接近的祖先匹配祖先.第三个类似的函数 parents返回所有匹配的祖先(不包括元素本身).

一般来说,如果您选择合适的选择,最接近的是比父母更重要地重构HTML代码.