javascript - 我们如何在 javascript 中编写这个 $(this).parent ('p' )

Question

如何用纯 JavaScript 编写此选择器

$(this).parent('p')

Answer 1

由于 jQuery .parent(selector) 函数仅检查直接父级，因此您可以创建如下函数:

function getParent(o, tag) {
    if (o.parentNode.tagName.toLowerCase() == tag.toLowerCase()) {
        return(o.parentNode);
    } else {
        return(null);
    }
}

然后，你可以这样调用:

getParent(this, 'p');

<小时/>

或者，如果您希望它返回一个类似于 jQuery 的数组，您可以使用:

function getParent(o, tag) {
    var results = [];
    if (o.parentNode.tagName.toLowerCase() == tag.toLowerCase()) {
        results.push(o.parentNode);
    }
    return(results);
}

然后，您可以调用它(并返回一个数组):

getParent(this, 'p');

<小时/>

如果您想要 jQuery .parents(selector) 函数的等效项来返回与标记类型匹配的所有祖先，您可以使用:

function getParents(o, tag) {
    var results = [];
    while ((o = o.parentNode) && o.tagName) {
        if (o.tagName.toLowerCase() == tag.toLowerCase()) {
            results.push(o);
        }
    }
    return(results);
}

而且，你可以这样调用它:

getParents(this, 'p');