Parents方法没有;关闭两页不起作用

Parents method doesn't work for closing Two Pages

本文关键字：两页 不起作用 方法 Parents      更新时间：2023-09-26

我有两个页面，它们都有一个用作关闭按钮的图像。这是HTML代码：

<div id="bioPage">
    <img id="closeBtn" src="Images/CloseButton.png" alt="Close Button" />
</div>
<div id="skillsPage">
    <img id="closeBtn" src="Images/CloseButton.png" alt="Close Button" />
</div>

&我只想写一次代码，当页面中的关闭按钮点击时关闭页面。所以我写了这个：

$('#closeBtn').click(function() {
    var parentDiv = $(this).parents('div:first');
    parentDiv.css('left', '-100%');
    $('nav').animate({
        'left': '0px'
    }, 500);        
});

但它适用于首页&单击"关闭"按钮时，第二页不会关闭。

这是预期行为HTML中的标识符必须是唯一的您可以使用带有元素的公共类，然后轻松使用类选择器（".class"）

HTML

<img class="closeBtn" src="Images/CloseButton.png" alt="Close Button" />

脚本

$('.closeBtn').click(function() {
});

您可以使用类似的东西

$('[id="closeBtn"]').click(function(){
//function here
});
假设DOM中每个元素的Id都是唯一的。但在这里，"closeBtn"Id被使用了两次（用于两个关闭按钮元素）。因此，您应该提供"closeBtn"作为类，而不是Id.
相关文章：