当元素不存在于 dom 中时的点击处理程序?

问题描述 投票:0回答:0

https://www.flashfeed.io/app/showcase

我正在尝试单击“视频”或“照片”应用的过滤器标签,同时单击具有“查看全部”的元素。类似于重置按钮电流的工作方式。

// reset contenttype on video or photo genre
const appliedFilterTag = document.querySelectorAll('[fs-cmsfilter-element="tag-remove"]');

appliedFilterTag.forEach(element => {
  const innerText = element.innerText.toLowerCase();

  if (innerText === "video" || innerText === "photo") {
    element.addEventListener('click', () => {
      const allFilterElement = document.querySelector('#all-filter');
      allFilterElement.click();
    });
  }
});

此代码有效,但仅当应用的过滤器元素当前存在于 DOM 中时。我试图只为带有标签 [fs-cmsfilter-element="tag-remove"] 的 an 元素创建一个 onclick 函数,这样它在逻辑上只会在标签存在时运行,但它就是不工作。想不通

javascript jquery filter
© www.soinside.com 2019 - 2024. All rights reserved.