<style type = "text/css" media = "print"> и jQuery?

Question

У меня есть сайт, где HTML - это просто беспорядок (созданный дизайнером SharePoint).

мне нужно напечатать страницу, но это выглядит как дерьмо в IE7/8 предварительный просмотр печати, так что мне нужно использовать <style type="text/css" media="print"> изменить некоторые таблицы, дивы и т.д., но многие из элементов не имеют класс или идентификатор , Есть ли способ использовать таблицу стилей печати и jQuery вместе для поиска элементов? Когда я выполняю поиск в Google, большинство ссылок касаются переключения таблиц стилей.

Заранее спасибо.

Answer 1

Вы можете использовать мощные селектора jQuery для действительно классов ADD, которые вам могут понадобиться, которые затем будут доступны из вашей таблицы стилей печати.

Например.

$("p:last-child").addClass("last-para"); 
$("tr:odd").addClass("odd-row"); 
$("table:eq(5)").addClass("table6"); // 6th table, starting from a 0 index! 

Просто для удовольствия, вот некоторые JQuery магия, которая будет добавить класс (нумерованный) для всех таблиц и всех строк в таблице.

$("table").each(function(index, value) { 
    $(this).addClass("table" + index); 
    $("tr", this).each(function(index, value) { 
     $(this).addClass("row" + index); 
    }); 
}); 

Если вам нужна помощь в указании конкретных элементов, разместите их в своем вопросе, и мы будем рады помочь.