如何使用javascript jquery关闭父div

我有这个代码，当点击关闭图标时，关闭图标所在的div

echomessage

应该消失，但是现在所有带有类

echomessage

的div都消失了。
因此，它应该只关闭close按钮所在的div

<div class="alert alert-success echomessage" role="alert">
   <span class="closebtn"><i class="fas fa-times echoclose"></i></span>  
   <?php echo 'Upload successful: <b>'.$_FILES["file"]["name"].'</b>'; ?>
</div>

$('.closebtn').click(function(){
        $(".echomessage").fadeOut(300);
    });

$（'.closebtn'）。单击（函数（）{
$（“.echomessage”）.fadeOut（300）；
});

在close按钮的父元素中找到带有

echomessage

的div

$(this).parent('.echomessage').fadeOut(300)

---

在close按钮的父元素中找到带有

echomessage

的div

$(this).parent('.echomessage').fadeOut(300)

---

使用类

.echomessage

访问父级，通过

$（this）

检索当前父级：

$（'.closebtn'）。单击（函数（）{
$（this.parent（“.echomessage”）.fadeOut（300）；
});

X
X
X
使用类
访问父级。echomessage
通过
$（此）
:


$（'.closebtn'）。单击（函数（）{
$（this.parent（“.echomessage”）.fadeOut（300）；
});

X
X
X
如果您对纯JavaScript方法感兴趣，可以使用该方法检索所有
closebtn
元素，接下来，通过方法检索并向每个
closebtn
元素添加
侦听器，最后是要删除或隐藏子
closebtn
元素的父元素的属性

您可以查看下面的代码片段，了解我上面描述的一个实际示例：


/*JavaScript*/
document.queryselectoral（“.closebtn”）.forEach（btn=>{
btn.addEventListener（“单击”，函数（）{this.parentElement.style.display=“none”}）
})

X
PHP代码在这里

X
PHP代码在这里

X
PHP代码在这里

如果您对纯JavaScript方法感兴趣，可以使用该方法检索所有
closebtn
元素，接下来，通过方法检索并向每个
closebtn
元素添加
侦听器，最后是要删除或隐藏子
closebtn
元素的父元素的属性

您可以查看下面的代码片段，了解我上面描述的一个实际示例：


/*JavaScript*/
document.queryselectoral（“.closebtn”）.forEach（btn=>{
btn.addEventListener（“单击”，函数（）{this.parentElement.style.display=“none”}）
})

X
PHP代码在这里

X
PHP代码在这里

X
PHP代码在这里

代码完全按照您的指示执行。您写道，每一个具有类“echomessage”的元素都应该“淡出”。你能把这个问题重新表述一下吗？代码正按照你的要求执行。您写道，每一个具有类“echomessage”的元素都应该“淡出”。你能把这个问题重新表述一下吗？@JackMaessen，如果这个问题有助于你解决问题，一定要把它标记为正确答案。干杯。@JackMaessen如果这有助于解决您的问题，请将其标记为正确答案。干杯