Javascript 选择具有匹配数据属性的最近元素

Javascript 选择具有匹配数据属性的最近元素,javascript,Javascript,我正在尝试创建具有存储其ID的数据属性的按钮。单击时,我希望查找单击的按钮上的一些信息,并显示包含信息的相关模式。问题是客户端正在使用一个页面生成器,HTML中有比我编写的代码更多的代码。因此,单击按钮时,实际上并不是在单击包含该属性的预期元素。是否有方法选择具有数据属性data idschool的最近元素 例如: <div data-idschool="1"> <button>I am being clicked!</button> &

我正在尝试创建具有存储其ID的数据属性的按钮。单击时,我希望查找单击的按钮上的一些信息,并显示包含信息的相关模式。问题是客户端正在使用一个页面生成器,HTML中有比我编写的代码更多的代码。因此,单击按钮时,实际上并不是在单击包含该属性的预期元素。是否有方法选择具有数据属性data idschool的最近元素

例如:

<div data-idschool="1">
 <button>I am being clicked!</button>
</div>

使用选择器字符串
[data idschool]
访问元素,然后获取其数据集:

const schoolInfo=[
{id:'1'}
];
const school=document.querySelector(“按钮”);
const popUpInfo=schoolInfo.find(
(x) =>x.id==school.closest(“[data idschool]”)。dataset.idschool
);
console.log(popUpInfo)

我被点击了!
const popUpInfo = schoolInfo.find(
        (x) => x.id == school.closest(dataset.idschool)
      );