javascript - 如何使用最接近js的选择器

标签 javascript css

我有一个简单的任务让条件在下一个触发的选择器中起作用,但它不起作用...为什么?

  const closestImgWrap = target.closest("[class^='imageWrap'] > img")

最佳答案

您的选择器正在寻找作为另一个元素的子元素的图像。它不是在寻找包含图像的包装器元素。

如果你想要这样的图片:

const closestImgWrap = target.closest("[class^='imageWrap']").find("> img")

如果你想要你需要使用的包装器有

const closestImgWrap = target.closest("[class^='imageWrap']:has('> img')")

关于javascript - 如何使用最接近js的选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50584787/

相关文章:

css - 手机版不以内容结尾-右边为 "margin"

javascript - 获取输入数组 Laravel 不起作用

javascript - 立即调用函数表达式 (IIFE) 相对于普通函数的优势

Javascript 函数包装失败?

javascript - Reactjs 在箭头函数中调用箭头函数

html - 无法创建适合文本大小的 Div

javascript - 在移动浏览器上隐藏工具栏

css - 在 postcss & rollup 中创建单独的 CSS 文件

css - HTML5 搞乱渐变

javascript - 使用 Jquery、javascript 和 css 自动播放图像 slider