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

前端之家收集整理的这篇文章主要介绍了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代码.

猜你在找的jQuery相关文章