jQuery爲什麼不返回一個thead元素的正確邊框屬性，並且是否有解決方法？

正如this jsFiddle證實，jQuery的CSS功能不返回<thead>元素的邊框寬度/風格/顏色在一個簡單的表：jQuery爲什麼不返回一個thead元素的正確邊框屬性，並且是否有解決方法？

$("thead").css("border-top-width") // returns 0px

如果我嘗試在一個div同樣的事情，它工作正常：

$("div").css("border-top-width") // returns 1px (or whatever the border width is)

爲什麼不能正常工作？是否有另一種方式來獲取邊框細節？如果這有所幫助，我正在使用Firefox。

來源

2013-02-26 BG100

Chrome 25上正常工作 – Bigood 2013-02-26 15:29:48

您正在使用哪種瀏覽器？兩次都得到1px。我使用的是Chrome 24.0.1312.57。 – 2013-02-26 15:29:54

@FelixKing：Firefox ...正如我的問題所述。 – BG100 2013-02-26 15:30:46

爲什麼不這項工作？

因爲您的<thead>元素顯示爲僞元素。

讓它 '顯示：塊' 和border will appear

thead {display:block}

NOTA：Display:block上的tHead可能有副作用。向您的醫生諮詢有關'浮動設置'瀏覽器僞元素的建議。爲了體驗，在<tbody>標籤上設置display:block使其內部內容（tr td）向左浮動，因此使<table width="100%">不適用於內部<td>寬度。

來源

2013-02-28 14:31:19

不能相信這是一個簡單的！只要'display：block;'沒有任何不良副作用，那麼這是完美的。謝謝。 – BG100 2013-02-28 16:23:06

試試這個，如果你仍然有煩惱：

parseInt($("thead").css("border-top"))

來源

2013-02-28 11:18:27 actimel

謝謝，但可悲的是這不起作用。它返回NaN。也試過相同的，但使用'邊界頂寬'，我只是得到0像以前一樣。 – BG100 2013-02-28 14:08:27

jQuery爲什麼不返回一個thead元素的正確邊框屬性，並且是否有解決方法？

回答

相關問題