jquery - 如何更改对象标记中包含的网页的 CSS？ (XHTML、jquery)

Question

我在使用 jQuery 和 XHTML 时遇到了一些问题。

基本上，我有一个对象标记，其数据属性中包含一个网页。现在，我想要的是，当我单击按钮时，我会获取此网页并动态更改其当前使用的 CSS 文件。

我尝试使用jquery获取页面，但我得到的只是对象本身，而不是对象中包含的网页。

<div id = "content">
 <object id="contentPageLeft" type="text/html" data="pageReportajes1.xhtml"></object> 
 <object id="contentPageRight" type="text/html" data="pageReportajes2.xhtml"></object>    
</div>

谢谢!! :)

Answer 1

您可以使用以下 JQuery 获取 XHtml 页面中的对象:

var contentPageLeft = $('#contentPageLeft')[0].contentDocument;
var itemToEdit = $(contentPageLeft).find('#idOfItemToEdit');

如果您想对 IFrame 执行相同操作，请改用这段 JQuery:

var itemToEdit = $('#contentPageLeft').contents().find('#idOfItemToEdit');

希望这对您有帮助。