JavaScript：如何通过选择器获取父元素？ [英] JavaScript: How to get parent element by selector?

问题描述

示例：

<div someAttr="parentDiv. We need to get it from child.">
    <table> ....
        <td> <div id="myDiv"></div> </td>
    ... </table>
</div>

我想通过内部div元素的一些选择器获取父项（例如使用 myDiv 类）。如何获得没有jQuery ，只有JS？

I want to get parent by some selector from inner div element (in example with myDiv class). How to get it WITHOUT jQuery, only JS?

这样的东西：

var div = document.getElementById('myDiv');
div.someParentFindMethod('some selector');

推荐答案

这是最基本的版本：

function collectionHas(a, b) { //helper function (see below)
    for(var i = 0, len = a.length; i < len; i ++) {
        if(a[i] == b) return true;
    }
    return false;
}
function findParentBySelector(elm, selector) {
    var all = document.querySelectorAll(selector);
    var cur = elm.parentNode;
    while(cur && !collectionHas(all, cur)) { //keep going up until you find a match
        cur = cur.parentNode; //go up
    }
    return cur; //will return null if not found
}

var yourElm = document.getElementById("yourElm"); //div in your original code
var selector = ".yes";
var parent = findParentBySelector(yourElm, selector);

这篇关于JavaScript：如何通过选择器获取父元素？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！