Измените это с помощью Jquery

#jquery

#jquery

Вопрос:

Возможно ли использовать Jquery для получения этих классов и изменения размера шрифта? Обратите внимание, что номера тегов постоянно меняются. Я также не могу редактировать входные данные.

 <a class="tag-link-7" title="1 topic" style="font-size: 8pt;">Akira Kurosawa</a>
<a class="tag-link-8" title="1 topic" style="font-size: 8pt;">Ben Jones</a>
  

Комментарии:

1. Вы действительно должны собирать их вместе, используя имя класса, а затем использовать отдельные идентификаторы для каждого — <a class="tag-link" id="link-1" ...

Ответ №1:

Что-то вроде $('a[class^="tag-link"]').css('fontSize', '1.1em') должно сработать. a[class^="tag-link"] выбирает все ссылки с их классом, начинающимся с «tag-link».

Комментарии:

1. итак, я бы поместил это в подобную функцию? Я не смог заставить это работать $ (function () { $(‘a[class^=»tag-link»]’).css(‘font-size’, ‘1.1em’);

2. Извините, это должно быть fontSize , а не font-size . Виноват.

3. @Shadika есть ли способ отложить запуск функции? Например, по умолчанию все теги загружаются на страницу с минимальным размером, и я хочу, чтобы они уменьшались до этого размера 1.1 em.

4. Должно сработать что-то вроде $(document).ready(function() { $('a[class^="tag-link"]').css('fontSize', '1.1em'); }) .

Ответ №2:

вы можете использовать фильтры атрибутов для атрибута класса

 jQuery('a[class^="tag-link"]').css('fontSize',xx);  

Ответ №3:

Вы можете сделать что-то вроде этого:

 $("a[class^=tag-link]").css("fontSize",20);
  

При условии, что ваш класс «tag-link-*» стоит первым в коде. если нет

 $("a[class*=tag-link]").css("fontSize",20);
  

Обратите внимание, что ^ изменено на * . Обязательно проверьте этот селектор, так как он может дать вам больше, чем вы хотите.

Ответ №4:

ДА. Вы можете использовать .HasClass() метод jquery, чтобы проверить, имеет ли элемент определенный класс