框架内的jQuery访问表 [英] jQuery access table inside a frame
问题描述
我有问题. 我想在框架(而不是iframe)中选择一个元素. 框架的名称为主要名称，但我无法添加ID(说明繁琐，但无法实现).如何处理该框架内的数据?
I've got a problem. I want to select an element inside a frame (not iframe). The name of the frame is main, but I can't add an ID (complicated to explain, but not possible). How can I manipulate the data inside that frame?
我已经尝试了各种不同的方法(也来自stackoverflow)，但是它们没有用...
I already tried various different things (also from stackoverflow) but they didn't work...
dodo
框架集:
<frameset cols="*, 165" frameborder="0" framespacing="0" border="0">
<frame frameborder="0" marginwidth="5" marginheight="5" border="0" src="game.php" name="main" />
<frame frameborder="0" scrolling="no" noresize marginwidth="7" marginheight="0" src="ad_sky.php" name="ad" />
</frameset>
jQuery代码
$(document.createElement("tr"))
.attr({ id: 'DMbalk' })
.appendTo($('frame[name=main] #header_info tbody'));
我无法以这种方式工作...
I can't get it working on this way...
game.php代码(主机)...
Code of game.php (main frame)...
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>dododedodonl</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="/style.php?type=static_game&stamm_new_menu&sprites&jquery.tooltip&1279552567">
<link rel="stylesheet" type="text/css" href="/style.php?type=game&stamm_new_menu&stamm&overview&1279552567">
<script type="text/javascript" src="/js.php?jquery-1.4.2.min&jquery-cookie&jquery.form&jquery.scrollTo&jquery.tooltip.min&jquery.fadeToggle.min&jquery.blink.min&jquery-ui-core.1.8.min&jquery-ui-draggable.1.8.min&UI&Callback&BBCodes&dialogs&observer&ajax&script&menu&1281000263"></script>
</head><body id="ds_body" marginwidth="5" marginheight="5">
<div class="top_background"></div>
<div style="text-align: center;">
<table class="navi-border" style="width: 840px; border-collapse: collapse; margin:11px auto auto; text-align: left;">
<tbody><tr>
<td>
<table class="menu nowrap" width="840">
<tbody><tr id="menu_row">
<td><a href="/game.php?village=152743&screen=&action=logout&h=4c26" target="_top">Uitloggen</a></td>
<td><a href="/forum.php" target="_blank">Forum</a></td>
<td><a href="/help2.php" target="_blank">Hulp</a></td>
<td><a href="/game.php?village=152743&screen=settings">Instellingen</a></td>
<td><a href="/game.php?village=152743&screen=premium">Premium</a></td>
<td><a href="/game.php?village=152743&screen=ranking">Ranglijst</a> (5602.|162 P)</td>
<td><a href="/game.php?village=152743&screen=ally">Stam</a></td>
<td><a href="/game.php?village=152743&screen=report">Berichten</a></td>
<td><a href="/game.php?village=152743&screen=mail">Mededelingen</a></td>
<td><a href="/game.php?village=152743&screen=buddies">Vrienden</a></td> </tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</div>
<hr width="840" size="2">
<table id="header_info" align="center" width="840" cellspacing="0" style="padding:0;margin-bottom:4px">
<tbody><tr>
<td>
<table class="navi-border" style="border-collapse: collapse;">
<tbody><tr>
<td>
<table class="menu nowrap" style="width:100%;">
<tbody><tr id="menu_row2">
<td><a href="/game.php?village=152743&screen=overview_villages" accesskey="s">Overzichten</a></td>
<td>
<a href="/game.php?village=152743&screen=map">Kaart</a>
</td>
<td style="white-space:normal;"><a href="/game.php?village=152743&screen=overview">dododedodonl</a></td><td><b class="nowrap">(484|175) C14</b></td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
<td align="right">
<table align="right" class="navi-border menu_block_right">
<tbody><tr>
<td>
<table class="box" cellspacing="0" style="empty-cells:show;">
<tbody><tr style="height: 20px;">
<td class="icon-box"><a href="/game.php?village=152743&screen=wood" title="Hout"><span class="icon header wood"> </span></a></td>
<td><span id="wood" title="117" class="warn">1229</span> </td>
<td class="icon-box"><a href="/game.php?village=152743&screen=stone" title="Leem"><span class="icon header stone"> </span></a></td>
<td><span id="stone" title="100" class="warn">1229</span> </td>
<td class="icon-box"><a href="/game.php?village=152743&screen=iron" title="IJzer"><span class="icon header iron"> </span></a></td>
<td><span id="iron" title="100" class="warn">1229</span> </td>
<td style="border-left: dotted 1px;"></td>
<td class="icon-box"><a href="/game.php?village=152743&screen=storage" title="Capaciteit opslagplaats"><span class="icon header ressources"> </span></a></td>
<td id="storage">1229</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
<td align="center">
<table class="navi-border menu_block_right">
<tbody><tr>
<td>
<table class="box" cellspacing="0" style="margin:0;padding:0;">
<tbody><tr style="margin:0;padding:0;">
<td class="icon-box"><a href="/game.php?village=152743&screen=farm"><span class="icon header population"> </span></a></td>
<td align="center" style="margin:0;padding:0;"><span id="pop_current">126</span>/<span id="pop_max">386</span></td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<!-- add a TR here -->
</tbody></table>
<!-- other html stuff -->
</body></html>
哦，我忘了说了，这是一个safari扩展程序...
Ow, I forgot to say, it is a safari extension...
推荐答案
当您的jQuery代码如下所示时会发生什么:
What happens when your jQuery code looks like this:
$(document.createElement("tr"))
.attr({ id: 'DMbalk' })
.appendTo($('#header_info tbody', window.frames[0].document));
jQuery函数($)的第二个参数是运行选择的上下文，默认情况下是当前文档.指定第二个参数会将选择器的上下文移到第一帧.
The second parameter to the jQuery function ($) is the context in which the selection runs, which by default is the current document. Specifying the second parameter shifts the context for the selector to the first frame.
jQuery API文档:
默认情况下，选择器执行其 从DOM开始的DOM搜索 文档根目录.但是， 可以为 通过使用可选的第二个进行搜索 $()函数的参数
By default, selectors perform their searches within the DOM starting at the document root. However, an alternate context can be given for the search by using the optional second parameter to the $() function
在此处提出了一个类似的SO问题:在上下文中运行JQuery另一帧
A similar SO question was asked here: Run JQuery in the context of another frame
希望这会有所帮助！
好的，希望这是答案.我发现，jQuery在框架加载之前就被触发了.结果，我收到一条错误消息，说找不到框架"main".因此，我在启动脚本中添加了setTimeout(2秒)，可以看到正在创建<tr>的情况.这是我正在使用的HTML:
OK, hopefully this is the answer. What I found was that the jQuery was firing before the frames were loaded; as a result, I was getting an error saying that the frame "main" could not be found. So I added a setTimeout (of 2 seconds) to the startup script and I can see the <tr> being created. Here's the HTML that I'm using:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
setTimeout(AddRow, 2000);
function AddRow() {
$(document.createElement("tr"))
.attr({ id: 'DMbalk' })
.appendTo($('#header_info tbody', window.frames["main"].document));
}
</script>
</head>
<frameset cols="*, 165" frameborder="0" framespacing="0" border="0">
<frame frameborder="0" marginwidth="5" marginheight="5" border="0" src="game.htm" name="main" />
<frame frameborder="0" scrolling="no" noresize marginwidth="7" marginheight="0" src="test2.htm" name="ad" />
</frameset>
</html>
框架加载到静态HTML文件(我不是PHP人士，所以我使用静态HTML).在添加setTimeout调用之前，将加载框架，不会创建新的<tr>，并且会看到JavaScript错误.我在其中添加了setTimeout，现在一切正常.我还必须更改引用框架的方式-使用索引似乎不起作用，但是按名称引用它可以正常工作.不知道为什么会这样.
The frames load to static HTML files (I'm not a PHP person, so I went with static HTML). Before I added the setTimeout call in, the frames would load, no new <tr> would be created, and I would see a JavaScript error. I added the setTimeout in and now things work fine. I also had to change how I reference the frame -- using the index didn't seem to work, but referencing it by name works fine. Not sure why that is.
因此希望对您有所帮助.如果您仍然遇到问题，请告诉我，我会再试一次. :)祝你好运！
So hopefully this helps. Let me know if you're still having issues and I'll try again. :) Good luck!
这篇关于框架内的jQuery访问表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
