Есть ли в Firebug/Web Developer Tools или любом другом расширении функция, показывающая мне все элементы, которые имеют данный CSS-класс, прикрепленный/примененный?Узнать все элементы, к которым применяется данный класс CSS?
Поэтому, когда я выбираю класс CSS из источника (скажем, в Firebug), я хотел бы видеть все элементы, которые применяют этот класс.
Вы ищете: https://developer.mozilla.org/en-US/docs/Web/API/document.querySelectorAll?
В принципе вы можете найти элементы, соответствующие определенной селектор, как это: document.querySelectorAll('.firstclass.secondclass')
Да, точно. но это вещь jQuery? Есть ли плагин, который делает это? –
Нет, это родной. Следуйте по ссылке, она показывает, какие браузеры поддерживают ее. (IE8 и новее, в основном.) – Mithon
Я думаю, нет лучшего ответа для этого, кроме того, который вы указали. Я могу настроить это сейчас. –
Есть две встроенные функции DOM, которые можно использовать для достижения этой цели:
Оба поддерживаются всеми основными браузерами уже довольно давно.
Примеры:
document.getElementsByClassName("firstClass secondClass")
document.querySelectorAll(".firstClass.secondClass")
Там нет такого понятия, как класс CSS. Вы имеете в виду класс HTML или набор правил CSS? – Quentin
Аминь! Мое новое слово! Да, пожалуйста. –
«Да» - это плохой ответ на вопрос «Выбор 1 из 2». – Quentin