Как я могу получить комментарии CSS с помощью jQuery?
Мне интересно, как я могу читать комментарии CSS из связанной таблицы стилей.
У меня есть этот образец CSS, загруженный через:
<link rel = "stylesheet" type = "text/css" media = "all" href = "test.css" />
#test1{ border:1px solid #000; }
#test2{ border:1px solid #000; }
#test3{/* sample comment text I'm trying to read */}
Тестирую это в FF3. Следующий javascript читает правила, но не читает комментарии в #test3.
window.onload = function(){
s=document.styleSheets;
for(i=0;i < s[0].cssRules.length;i++){
alert(s[0].cssRules[i].cssText);
}
}
Или выберите его и нажмите кнопку 10101 (добавит 4 пробела перед каждой выбранной строкой)
Это моя первая публикация. Все еще пытаюсь во всем разобраться =)
Ответы 5
Комментарии почти всегда будут игнорироваться переводчиком и поэтому не будут доступны.
Вы не можете, в этом весь смысл комментариев.
Вы можете, просто посмотрите ответ @Cristian Libardo.
Вы не можете прочитать файл JavaScript CSS, просто просмотрите результаты в DOM. Одним из возможных способов может быть использование встроенной таблицы стилей, в которой вы можете запрашивать текстовое содержимое тега стиля через интерфейс DOM. Конечно, вы должны сами разбирать контент.
Вы можете получить доступ к файлу CSS с помощью запроса AJAX, а затем самостоятельно проанализировать результаты в поисках комментариев. Тогда переводчик не будет мешать.
Пока CSS находится в том же домене, что и страница, это будет работать нормально.
Вы можете получить содержимое таблицы стилей и использовать регулярное выражение для анализа комментариев. В этом примере используется jQuery для получения текста таблицы стилей и регулярного выражения для поиска комментариев:
jQuery.get("test.css", null, function(data) {
var comments = data.match(//\*.*\*//g);
for each (var c in comments)
alert(c);
});
Вы также можете найти ссылки на таблицы стилей с помощью селекторов.
@allain: Думаю, да. По крайней мере, это в документации Mozzilla developer.mozilla.org/en/Core_JavaScript_1.5_Reference/…
О, это новинка для javascript 1.6, и, вероятно, ее пока следует избегать
Не уверен, почему этот код не отображается в сообщении должным образом - просто сделайте отступ каждой строки кода на 4 пробела!