Задаем всем тегам на странице определенный класс средствами JavaScript
Допустим у нас есть блок или даже таблица в котором(ой) есть ссылки или картинки, которые в свою очередь выводятся тегом <img> или <a> 
И нам нужно задать им всем один класс/css стиль.
Тут нам поможет javascript! Маленькая но очень полезная строка.
<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';
  }
})();
Тут уже немного посложней. Мы ищем все теги <img и задаем им класс "card"

Подумал что кому-нибудь пригодится, ну и так, для себя решил записать  blush Шаблоны DLE
Гость, оставишь комментарий?
Имя:*
E-Mail:


Подписаться на комментарии
Актуальная версия DLE 11.3
Обновленияnew

Обновления к шаблону MyBlog #1. Легко и быстро.

Подробнее
Какого типа шаблоны вам больше нравятся?
Информация
Пошалим?

Добро пожаловать на FOR-DLE.ru!

Для того чтобы стать полноценным пользователем нашего портала, вам необходимо пройти регистрацию.
Зарегистрироваться
Создайте собственную учетную запить!

Пройти регистрацию
Авторизоваться
Уже зарегистрированны? А ну-ка живо авторизуйтесь!

Войти на сайт