#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, чтобы проверить, имеет ли элемент определенный класс