从具有jquery的类获取css属性

时间:2014-02-22 17:19:48

标签: javascript jquery html css

我有一组由php生成的div,它们都有相同的类。当我点击一个时,它调用一个获取其id(由MySQL数据库定义)的jQuery函数,并将其大小(高度和宽度)增加110%。我认为我遇到的问题是,当我按类检索其css属性时,它会获得它在该类中看到的第一个大小。

显示的代码不多,但是:

var height = parseInt($(".divClass").css("height"));
var width = parseInt($(".divClass").css("width"));

$(".divClass").css({"height":height + "px","width":width + "px"});
$("#" + id).css({"height":height * 1.1 + "px","width":width * 1.1 + "px"});

id是在调用函数时创建的,并且是每个div的id。

答:我甚至对我的假设是否正确? B:我如何获得具有相同属性而不是第一个属性的大多数元素的css属性。发生的事情是当我点击第一个元素时,它会发生变化。任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:5)

我的建议是:

var height, width;

$('.divClass').click(function() {
    height = $(this).height();
    width = $(this).width();

    $(this).css({ 'height': ( height * 1.1 ) + 'px', 'width': ( width * 1.1 ) + 'px' });
});

我还没有测试过我的代码,所以请告诉我它是如何工作的,我会根据需要进行调整。