jQuery无法访问动态创建的元素的父级-父级未定义

我正在制作登录和注册表单，其中的数据通过ajax调用发送。服务器端使用flask生成，错误以json格式返回。然后，在ajax成功函数中，我添加了带有错误信息的元素和close×按钮，并向下滑动ul。像这样：

 if ('email' in response) {
               $('#email-error').append('<li class="w3-display-container w3-red w3-round">' + response['email'] + '<span class="w3-button w3-circle w3-display-right">&times;</span></li>');
               $('#email-error').slideDown(250);
           }

---

这种工作方式-检测到按钮单击，$This返回右按钮$This.hide使按钮消失。但是我需要隐藏这些元素，或者至少是元素。我试图引用它们的父元素，但是$this.parent返回未定义的，这就是console.log所说的。此外，查看页面源时，错误通知不可见。我怎样才能找到这些列表并关闭它们？

$this.parent是错误的。使用父方法

$button.onclick，函数{ $'ul'。附加'response×；'； }; $document.on'click'，'.w3按钮.w3圆圈.w3显示右键'，函数{ $this.parent.hide； }; 添加

---

打字错误应该是家长。这是一个methodparentNode是vanilla JS，ParentNode是jQuery。谢谢！打字错误让人头痛不已：打字错误有一个明确的原因。

$(document).on('click', '.w3-button.w3-circle.w3-display-right', function () {
    $(this).parent.hide();
});