我有一组由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属性。发生的事情是当我点击第一个元素时,它会发生变化。任何帮助将不胜感激。答案 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' });
});
我还没有测试过我的代码,所以请告诉我它是如何工作的,我会根据需要进行调整。