如何使用jquery獲取元素的邊框寬度？

我的CSS類：
.oriz_menu{ font-size : 18px; border-top : 3px ridge darkred; border-bottom : 3px ridge darkred; border-right : 3px ridge darkred; }

後來，當我試圖讓邊框的寬度它顯示0像素：
console.log($("#menu").css("border-top-width"));

我也曾嘗試.css("borderTopWidth"))
請幫幫忙！

PS：我的#menu元素追加到父然後設置與$("#menu").addClass("oriz_menu")如何使用jquery獲取元素的邊框寬度？

來源

2014-05-01 Slim_Shady

拋開你的問題，你爲什麼需要檢索這個值？ –

不確定相關但您的選擇器不匹配？在你的CSS，你有.oriz_menu但你的問題，你有#menu – Godinall

我的瀏覽器返回的3px - > ** HTTP：//jsfiddle.net/Dp5CX/** – adeneo

首先創建#menu然後addClass，然後附加到父DIV，像這樣

var menuDiv = "<div id='menu'></div>"; 
menuDiv = $(menuDiv).addClass("oriz_menu"); 

$("div#parent").append(menuDiv); 

alert($("#menu").css("border-top-width"));

入住這DEMO

來源

2014-05-01 15:57:51

完全複製和粘貼您的代碼..我得到警報：0px –

您是否在您的' HTML'，只有這個代碼可以工作 –

是的，我把id更改爲父..真的不知道什麼是錯的.. JSFIDDLE的作品 –

類的名稱，該類不與CSS

在CSS中要添加的風格匹配的「.class」

但在jquery中，您正嘗試爲「#ID」添加CSS

請將類名更改爲「menu」。

現在你可以看到差異了，希望它對你有所幫助。

來源

2014-05-01 15:47:29

#menu是一個ID不是類 –

請提供html和css，我會嘗試修復它 –

Here與答案一的jsfiddle。

HTML

<div id="menu"></div>

的Javascript

$("#menu").addClass("oriz_menu"); 

alert(
    $("#menu").css("border-top-width") 
);

來源

2014-05-01 15:59:34

以JavaScript

VAR menuDiv = 「」;

menuDiv = $（menuDiv）.addClass（「oriz_menu」）;

$（「div＃parent」）。append（menuDiv）; （$（「＃menu」）。css（「border-width」））;}};}};

在CSS

。oriz_menu {

字體大小：18像素;

邊境：3px的脊暗紅色;

}

來源

2014-05-01 16:16:15

如何使用jquery獲取元素的邊框寬度？

回答

相關問題