jquery - iframe 内表格的选择器

标签 jquery html css iframe

我有一个包含 5 个 iframe 元素的页面。他们每个人里面都有一个文件。其中一个 iframe 有一个名为 hawbtable 的表。我想找到 hawb 表中的行数,提醒每一行中每个“hawb”列的值

在带有 id="body"name="body"的 iframe .. 我有一个名为“hawbTable”的表,它有十行...... 每行都有一个名为“Hawb”的列...... 我想在控制台的那个单元格中记录值。我该怎么做?

我一直在尝试识别 iframe 的内容,但它们没有作为元素返回。相反,它们作为数组返回,因为选择器对它们不起作用

<html>
<head>
<meta http-equiv="x-ua-compatible" content="IE=EmulateIE7">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="css/stylesheet.css">
<script type="text/javascript" src="javascript/jquery-1.9.1.js"></script>
<script type="text/javascript" src="javascript/jquery-ui.js"></script>
<link rel="stylesheet" href="javascript/jquery-ui2.css">
<title>EZ-VIEW Reports</title>
<meta name="chromesniffer" id="chromesniffer_meta"
    content="{&quot;jQuery&quot;:&quot;1.9.1&quot;,&quot;jQuery UI&quot;:&quot;1.10.3&quot;}">
<script type="text/javascript"
    src="chrome-extension://homgcnaoacgigpkkljjjekpignblkeae/detector.js"></script>
</head>
<body style="background-color: #fff; margin-left: 0; margin-top: 0;">
    <div id="StayFocusd-infobar" style="display: none;">
        <img
            src="chrome-extension://laankejkbhbdhmipfmgcngdelahlfoji/common/img/eye_19x19_red.png">
        <span id="StayFocusd-infobar-msg"></span> <span
            id="StayFocusd-infobar-links"> <a
            id="StayFocusd-infobar-never-show">hide forever</a>&nbsp;&nbsp;|&nbsp;&nbsp;
            <a id="StayFocusd-infobar-hide">hide once</a>
        </span>
    </div>
    <table width="1200" border="0" align="left">
        <tbody>
            <tr>
                <td colspan="2" align="left"><iframe src="Header.jsp?stflg=C"
                        name="head" scrolling="no" frameborder="0" id="head"
                        style="height: 160px; width: 100%;"></iframe></td>
            </tr>
            <tr>
                <td id="searchCell" width="21%" align="left" style="width: 2%;"><iframe
                        style="height: 590px; margin-left: 5px; margin-right: 0px; width: 100%;"
                        frameborder="0" id="search" name="search" src="DDSReportSearch.do"
                        scrolling="no"></iframe></td>
                <td id="bodyCell" width="79%" style="width: 95%;"><iframe
                        style="overflow-x: hidden; height: 590px; border-collapse: collapse; width: 100%;"
                        frameborder="0" id="body" name="body" scrolling="auto"
                        src="body.jsp"></iframe></td>
            </tr>
            <tr>
                <td colspan="2" align="left"><iframe src="Footer.jsp"
                        name="head" scrolling="no" frameborder="0" id="head2"
                        style="height: 30px; width: 1200px; text-align: right;"></iframe></td>
            </tr>
        </tbody>
    </table>
    <iframe frameborder="0" scrolling="no"
        style="border: 0px; display: none; background-color: transparent;"></iframe>
    <div id="GOOGLE_INPUT_CHEXT_FLAG" input="null"
        input_stat="{&quot;tlang&quot;:true,&quot;tsbc&quot;:true,&quot;pun&quot;:true,&quot;mk&quot;:false,&quot;ss&quot;:true}"
        style="display: none;"></div>
</body>
</html>

最佳答案

$('#body').contents().find('#hawbTable>tbody>tr').each(function(){
    var tr=this;
    console.log(tr);

    });

关于jquery - iframe 内表格的选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25003789/

相关文章:

javascript - 在 ASP.NET 应用程序中使用 Jquery 1.4.2 - 更新 JScript IntelliSense 时出错

html - 为什么这个页面会滚动?

jquery - 简单的粘性菜单问题

html - 使用 "rvest"抓取 html 表格

javascript - 什么是好的 CSS/HTML/SVG/Javascript 来为分数 0 到 10 做一个循环图像? (需要在 IE 7 和其他常见浏览器上工作)

javascript - 是否有一种跨浏览器的方法来获取所有元素的所有属性的已用 css 值?

javascript - 单击处理表单的提交按钮后弹出图像

javascript - 如何使用 jQuery 定位单个元素

javascript - 在页面加载时显示网格

javascript - 如何通过 JavaScript 或 jQuery 为每个 li 元素获取不同的 ID