我試圖找到一個TD的關聯TH單元,但是自從TH在使用JQuery的index()和eq()我的桌子有一個以上的跨度。當<th>的跨度大於1時,在表格中找到<th>點擊<th>
我知道我可以檢索TD的cellIndex屬性,但是我會用它來找到TH嗎?或者還有另一種更合適的方式?
預期的功能是點擊一個單元格,讓它給我它所在的標題的名稱。代碼示例:http://jsfiddle.net/KyTDA/
我試圖找到一個TD的關聯TH單元,但是自從TH在使用JQuery的index()和eq()我的桌子有一個以上的跨度。當<th>的跨度大於1時,在表格中找到<th>點擊<th>
我知道我可以檢索TD的cellIndex屬性,但是我會用它來找到TH嗎?或者還有另一種更合適的方式?
預期的功能是點擊一個單元格,讓它給我它所在的標題的名稱。代碼示例:http://jsfiddle.net/KyTDA/
如果你想找到相應的表頭給你可以使用下面的jQuery的表格單元格(這是假設你已經有了表格單元格的指數)的指數:
var th = td.closest('table').find('th').eq($td.index());
既然你已經編輯了你的問題和提供的代碼,我會爲此提供另一個答案。
您發佈的標記無效。您沒有任何表格行,並且如果您嘗試在表格標題中嵌套表格單元格,那也是無效的。你在佈局方面想達到什麼目的?嘗試去http://jsfiddle.net/並創建你的標記,然後提供一個鏈接,讓我知道你有什麼樣的佈局。
基本佈局示例:http://jsfiddle.net/KyTDA/ 我希望能夠單擊一個單元格並讓它告訴我它所在的標題。 – charliesneath
謝謝 - 即使表頭有跨度,這個工作是否可以工作,因此目錄對應表格單元格的索引? – charliesneath
@zeedog - 由於選擇器只是搜索表格標題,所以表格標題具有跨度的事實並不重要。表頭中的任何子元素都不會包含在該選擇器中。目錄是什麼意思? –
如果你有一個跨度爲3的TH,它的索引是0.在它下面的TD的索引是0,1和2.因此,當你試圖使用TD元素的索引來找到TH ,他們將不會與TH一致,因爲沒有索引> 0的TH。 – charliesneath