Как использовать селекторы с ближайшими js
У меня есть простая задача - заставить условие работать с помощью следующего активированного селектора, но она не работает ... Почему?
const closestImgWrap = target.closest("[class^='imageWrap'] > img")
тело. Но я не хочу нацеливаться на родительский узел, мне нужно нацеливаться на текущий! @ZakariaAcharki
Еще не достаточно ясно ... Добавьте структуру своего HTML-кода
очень сомневаюсь, что вам нужен образ, так как он не может иметь детей.
@ZakariaAcharki вопрос о том, почему этот селектор не работает, бот о структуре dom
@epascarello Я какой imageWrap, а не img
так почему в нем > img? Он ищет родителя, который является изображением, являющимся прямым потомком.
@MaxWolfen, а как мы можем ответить, если не знаем, действителен ли селектор?
@ZakariaAcharki, вы можете просто помочь мне, я сказал, работает ли мой селектор или нет, в моем вопросе
Если вы хотите обернуть изображение, этот селектор никогда вас туда не приведет.
@epascarello, потому что мне нужны только узлы, содержащие img внутри
дайте нам html, у меня есть готовый ответ, но нужно знать, что вы выбираете и откуда
Ну вот, вот почему он терпит неудачу. Если бы вы так сказали, на это было бы легко ответить, а не 10 минут беготни туда-сюда.
@epascarello, а что я могу сделать в таком случае?
Если хорошо показать HTML, будет легче дать ответ ...
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Ваш селектор ищет изображение, которое является дочерним по отношению к другому элементу. Он не ищет элемент оболочки, содержащий изображение.
Если вы хотите, чтобы изображение было:
const closestImgWrap = target.closest("[class^='imageWrap']").find("> img")
Если вы хотите, чтобы оболочка, которую вам нужно использовать,
const closestImgWrap = target.closest("[class^='imageWrap']:has('> img')")
это лучший ответ, используйте это
На какого родителя вы хотите нацелиться ??!
[class^='imageWrap']илиimg..