Как сделать добавление атрибута только определенным ссылкам с помощью jquery?

Question

[Gera11]

Есть у меня вот такая строка:
$("#gg99 a").attr("data-fancybox" "gallery");
который в блоке gg99 задает всем ссылкам атрибут data-fancybox.
Но как сделать так, чтобы он задавал атрибут только в том случае, если в этой ссылке будет картинка (img тег) ? а остальные ссылки без картинок он не трогал?

Answer 1

[Tanyel]

$( "#gg99 a" ).each(function( index, el ) { // перебираем все ссылки
		if ($(el).find('img').length) { // проверяем есть ли внутри тег img
			$(el).attr("data-fancybox","gallery"); // добавляем элементу атрибут
		}
});

Comments

[gh0sty]

attr - по сути должен косячить для data- атрибутов и в function нет смысла передавать index, el, если есть this

Answer 2

[Шохрух Шаймардонов]

Не обязательно делать через оquery. Вот однострочник в js

[...document.querySelectorAll('#gg99 a > img')].map(img => img.parentNode.setAttribute('data-fancybox', 'gallery'))

Comments

[gh0sty]

JS настолько умирает, что люди уже учат готовые однострочники?)))
А так, красиво.
Я в JS не силен, но это работает только если img лежит сразу под link-ом - так?

[Шохрух Шаймардонов]

gh0sty, да дочерний. Ну если вам нужно любое вхождение картинки то в селекторе просто уберите знак >

[Шохрух Шаймардонов]

gh0sty,

JS настолько умирает, что люди уже учат готовые однострочники?)))

Всмысле? Что тут учить? Просто логика)

Я в JS не силен

Jquery это просто обертка над js. Был популярен, когда не было штатных средств, а сейчас почти все, что в jq есть в самом js

Answer 3

[gh0sty]

$("#gg99 a").each(function() {
    if ($(this).find('img').length) {
        $(this).data('fancybox', 'gallery');
    }
});

Если ты о "внутри" по DOM, а не по url.

Comments

[Gera11]

не хочет работать (

[gh0sty]

Gera11, изменил