0

我试图弄清楚为什么我的变量是“未定义的”，但我不能..

var o_main_w = $(".sys_main_content").attr("style");
console.log(o_main_w);

html 看起来像这样：

<div class="sys_main_content" style="width:1140px"></div>

我基本上只需要值“1140”而不是全部。

我必须承认，这可能是因为我是新手，大声笑谁能指出我正确的方向？谢谢..

4

4 回答 4

4

使用css()jQuery 函数：

$(".sys_main_content").css("width"); // returns the width

或直接

$(".sys_main_content").width(); // returns same value

从文档：

.css()

获取匹配元素集中第一个元素的样式属性值，或为每个匹配元素设置一个或多个 CSS 属性。

.width()

获取匹配元素集中第一个元素的当前计算宽度或设置每个匹配元素的宽度。

于 2013-07-15T18:31:34.527 回答
2

你会想用这个来代替：

var o_main_w = $(".sys_main_content").css("width"); // Returns string "1140px"
o_main_w = parseInt(o_main_w); // Returns "1140" as an integer
于 2013-07-15T18:32:39.117 回答
1

尝试解析问题...

console.log('.sys_main_content exists' + ($(".sys_main_content").length > 0));

console.log('.sys_main_content style' + $(".sys_main_content").attr('style'));
于 2013-07-15T18:32:15.280 回答
1

肯定是因为$(".sys_main_content").attr("style");不存在！

jQuery 加载了吗？您的代码在$(document).ready() 部分中吗？

于 2013-07-15T18:30:05.133 回答