使用JQuery处理文档对象

works with document objsct using JQuery

本文关键字:对象 文档 处理 JQuery 使用      更新时间:2023-09-26

我有一个带有next结构的html文档

<html>
<head>...</head>
<body>
Some text
<iframe name="frame2" id="frame2">
#document
<html>
<head>...</head>
<body>
<table>
<tr>
<td>Inner Text</td>
</tr>
</table>
</body>
</html>
</iframe>
</body>
</html>

我如何使用jQuery选择器从iframe2中选择<td>标签并获得它的内部文本?我不知道如何从内部#文档结构中选择任何标签?有人能插进我的身体吗?

首先需要iframe的文档

var iframe_document = $("iframe").get(0).contentWindow.document;

使用jquery

$("td",iframe_document)...

您可以使用以下jquery语法获得td元素:

$("#frame2").contents().find("td").text()

或使用纯javascript:

var myIFrame = document.getElementById("frame2");
var content = myIFrame.contentWindow.document.body.table.tr.td.innerText;