Jquery遍历iframe中的html元素

时间:2016-09-29 13:56:42

标签: javascript jquery html iframe

我目前已经重构了一些代码,并且在某些jquery用法上被挂起了。之前,我正在使用jquery each()循环并迭代这样的dom元素:

$.each($('[id*="cnv"]'), function (index, value) { /*do work*/ } 

这将选择ID包含cnv的每个元素。现在我已经移动了代码,需要遍历这些元素,但需要从它们所在的iframe外部进行迭代。我使用javascript在各个地方访问这些元素,如下所示

var canvasObj = window.frames['iframe'].contentDocument.getElementById(canvasId);

(注意:iframe是我的iframe的id / name)但我不确定如何组合这两个语句,以便我可以迭代来自父级的匹配id的元素。

2 个答案:

答案 0 :(得分:1)

使用jQuery,您可以使用contents()访问iframe内部

//assuming iframe has loaded
$('#iframe').contents().find('[id*="cnv"]').doSomething()

答案 1 :(得分:1)

您可以使用contents()

$("#iFrameId").contents().find('[id*="cnv"]').each(...)