javascript - 如何正确使用父元素

Question

如何正确使用以下语法。访问顶部父标签的表单方法

我想做这样的事情

var a = ($(this).parent()).parent();
var form = $(a+" #modal-form-tag form");

Answer 1

ID 必须是唯一的，因此只需 $("#modal-form-tag form") 就足够了。

如果您打算使用类来允许具有该标识符的多个元素，请尝试:

$(this.parentNode.parentNode).find(".modal-form-tag form")

请注意，上面使用了一些 Vanilla JS以避免额外的函数调用。

为了进一步扩展，如果您的容器具有一些独特的功能，例如类名(在本例中，我假设 class="somecontainer")，您可以这样做:

$(this).parent(".somecontainer").find(".modal-form-tag form")

这将消除链接父调用中涉及的猜测。