Anstatt meine andere Antwort zu verbessern, mache ich lieber eine neue, da ich sie im Grunde umschreiben muss, damit sie so funktioniert, wie Sie es wollen, und die alte Antwort den Leuten vielleicht aus anderen Gründen hilft...
Nachdem Sie also die HTML-Zeichenkette aus der XML-Datei, auf die Sie verweisen, extrahiert haben, können Sie sie wie folgt weiterverwenden:
// First we'll extract out the parts of the HTML-string that we need.
var jq_html = $(html_from_xml);
var style = jq_html.find('head').find('style').html();
var style_string = style.toString();
var table_and_stuff = jq_html.find('body').html();
// If you want to place it into the existing page's DOM,
// we need to place it inside a new DIV with a known ID...
$('body').append('<div id="new_stuff"></div>');
$('#new_stuff').html(table_and_stuff);
// Now, we need to re-write the styles so that they only
// affect the content of the 'new_stuff' DIV:
styles_array = style_string.split('}');
var new_styles = '';
$.each(styles_array,function(i) {
if(i<(styles_array.length-1)) {
new_styles += "#new_stuff "+styles_array[i]+"}";
}
})
$('head').append('<style type="text/css">'+new_styles+'</style>');
Und das sollte wirklich genügen. Der Trick ist, dass CSS den spezifischsten Stil für den jeweiligen Fall wählt. Wenn Sie also eine <td> innerhalb des "newstuff"-Divs, wird der Stil aus dem neuen Stylesheet übernommen. Wenn Sie eine <td> außerhalb dieses "newstuff"-Divs wird der alte Stil verwendet.
Ich hoffe, damit ist Ihr Problem gelöst.
