2012-12-23 39 views
-1

我試圖檢索使用「標題」屬性值TD檢索從一個IFrame裏面的一張桌子一個特定的TD,但不能似乎得到它使用下面的代碼示例的工作:如何使用jQuery選擇

var iframe = $("#iframe1"); 
var tr = iframe.contents().find("td[title='2015-02-06']").text(); 
alert(tr); 

以下是我測試代碼的HTML源代碼。最好我希望代碼在選擇器中使用表id,因爲我在iframe中有其他表。 有什麼想法嗎?

<iframe id=iframe1> 
<TABLE id=table1> 
<TBODY> 
<TR> 
<TD title=2015-02-01>1</TD> 
<TD title=2015-02-02>2</TD> 
<TD title=2015-02-03>3</TD> 
<TD title=2015-02-04>4</TD> 
<TD title=2015-02-05>5</TD> 
<TD title=2015-02-06>6</TD> 
<TD title=2015-02-07>7</TD> 
</TR> 
<TR> 
<TD title=2015-02-08>8</TD> 
<TD title=2015-02-09>9</TD> 
<TD title=2015-02-10>10</TD> 
<TD title=2015-02-11>11</TD> 
<TD title=2015-02-12>12</TD> 
<TD title=2015-02-13>13</TD> 
<TD title=2015-02-14>14</TD> 
</TR> 
<TR> 
<TD title=2015-02-15>15</TD> 
<TD title=2015-02-16>16</TD> 
<TD title=2015-02-17>17</TD> 
<TD title=2015-02-18>18</TD> 
<TD title=2015-02-19>19</TD> 
<TD title=2015-02-20>20</TD> 
<TD title=2015-02-21>21</TD> 
</TR> 

    </TBODY> 
    </TABLE> 
    </iframe> 
+0

它應該工作;您只需確保在進行此特定查詢時已經加載了「iframe」內容。 – raina77ow

+0

測試了以下代碼:[http://jsfiddle.net],並且警報消息爲空。 – stack

回答

1

iframe應該嵌入documents但不plain HTML。把html放在某個文件中假設test.html並將該文檔導入到iframe中,然後你的選擇器將帶上這些內容。

IFRAME元素允許作者在一段文本中插入一個框架。在一段文本中插入一個內嵌框架就像通過OBJECT元素插入一個對象:它們都允許你在另一箇中插入一個HTML文檔,它們都可以與周圍文本等對齊,你可以閱讀更多在w3.org

您可以檢查您選擇的工作here

+0

感謝Adil,正如Blender指出的那樣好。我想知道的是,如果這個選擇器在iframe中有效,就像Blender對標題屬性發表評論一樣..... – stack

+0

檢查你的選擇在這裏,http://jsfiddle.net/9cFpe/ – Adil

+0

感謝Adil,它的工作原理現在可以在一個(真實的)iframe中使用它,代碼看起來像使用表id一樣嗎? – stack

-1

爲什麼不用「id」屬性替換TD中的「標題」並直接使用它。

HTML:

<TD id="2015-02-06">6</TD> 

的jQuery:

$("#2015-02-06").text(); 
+0

id屬性已經被用於其他的東西,我把它清理出來之後再粘貼在這裏,使其易於閱讀,因爲它被認爲是一個相當長的字符串....值得 – stack

1

元素不應該有什麼inside of them

一個IFRAME埃爾ement從來沒有後備內容,因爲它總是會創建一個嵌套的瀏覽上下文 ,無論是否成功使用了指定的初始內容 。 iframe元素的

後裔代表什麼。(在傳統用戶 不支持iframe元素的代理商,內容將 解析爲標記,可以作爲備用內容。)

我不知道爲什麼你在使用iframe第一名。這看起來像是一個<div>標籤的作業,但是如果您絕對需要iframe中的內容,請將該HTML放入新文件中,並將iframe的src屬性更改爲指向它。並且title屬性不屬於iframe元素。使用data-屬性(data-date也許?)或id

+0

感謝Blender澄清