javascript - 如何通过 child 的ID查找 parent 的ID

Question

我有一个动态生成的表，该表将有一个 ID。如果表有单选按钮，当我单击单选按钮时，我需要通过 javascript 获取该父表的 ID。我该怎么做？

Answer 1

通过 jQuery，您可以使用 .closest()或 .parent() (尽管 parent 只查找 1 级，而 .closest() 会向上查找直到找到某些东西)。我总能找到 .closest()更简单、更健壮，因为如果您更改标记(即，您将内容包装在 <span> 或其他内容中)，它将起作用。

无论如何，这是 jQuery 版本:

<input type="radio" onlick="var id = $(this).closest('table').attr('id');" />

如果您不使用库，您也可以只使用 JavaScript 来完成。

JavaScript:

function findAncestorByTagName(start, tagName) {
    if (tagName.toUpperCase() === start.nodeName.toUpperCase()) {
        return start;
    }
    else if (start === document.body) {
        return false;
    }
    else {
        return findAncestorByTagName(start.parentNode, tagName);
    }
}

您必须添加的 onclick 处理程序:

<input type="radio" onclick="var par = findAncestorByTagName(this, 'div'); if (par && par.id) { /* use par.id */ }" />