如果使用或记录，jQuery变量是未定义的

Question

我试图找出为什么我的变量是“未定义”但我不能......

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”而不是整个事情。

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

Answer 1

使用css() jQuery函数：

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

或直接

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

来自文档：

---

.css() ¶

  

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

.width() ¶

  

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

Answer 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

Answer 3

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

是jQuery加载的吗？是$(document).ready部分（）中的代码吗？

Answer 4

尝试解析问题......

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

console.log('.sys_main_content style' + $(".sys_main_content").attr('style'));