Допустим у нас есть блок или даже таблица в котором(ой) есть ссылки или картинки, которые в свою очередь выводятся тегом <img> или <a>
И нам нужно задать им всем один класс/css стиль.
Тут нам поможет jаvascript! Маленькая но очень полезная строка.
<script>
$("div.block").find("a").addClass("btn btn-default")
</script>Теперь давайте разберем эту строку. Постараюсь объяснить простыми словами.
$("div.block").find("a") - Эта функция скажем так 'выделяет' область в которой следующая функция будет искать нужный нам тег и задавать ему наш css класс, div.block - это название нашего блока, a - это наш тег (<img,br,hr,a,h1...)..addClass("btn btn-default") - А эта функция уже задает найденным тегам класс. btn btn-default - это наш класс который нужно задать.К чему я опубликовал эту статью?
Все кто пользовался и пользуется движком DLE, знают что в нем есть доп. поля. Так вот мне нужно было всем полям с гиперссылкой задать класс. Ну и так как эти поля и ссылки выводятся движком и в шаблоне их не подправишь, я использовал такой вариант. И теперь все поля с параметром "Использовать значения полей как перекрестные гиперссылки" превращаются в кнопку.
Вот еще один вариант:
;(function () {
var img = document.getElementsByTagName('img');
for (var i=img.length; i--;) {
img[i].className += 'card';
}
})();Подумал что кому-нибудь пригодится, ну и так, для себя решил записать :blush: