Javascript 将div的高度设置为最接近X的倍数

这是一个有点不寻常的问题（我不完全确定如何用词），但我会尽我所能

我试图使用Javascript/jQuery，根据div的当前高度（由其内部的文本设置）设置div的高度，然后将其四舍五入到最接近的60倍

例如，假设div是192像素高，基于其内部的文本。我希望javascript获得这个高度，并将值更改为240（4 x 60）

也许有一个简单的解决办法，但我想不出从哪里开始

提前感谢您，Harry。

在jQuery中：

var height = Math.ceil($('#thediv').height() / 60) * 60;
$('#thediv').css('height', height);

编辑：对于响应性，您需要在进行计算之前重置高度，即：

$(window).resize(function() {

    $('#thediv').css('height', 'auto');

    setTimeout(function() {
        var height = Math.ceil($('#thediv').height() / 60) * 60;
        $('#thediv').css('height', height);
    },1);

});

---

伟大的谢谢你的迅速回复。我们已经添加了这个，对于初始负载，它似乎可以正常工作，但我想下一步就是让它响应地工作。当文字朝向移动设备时，文字会变小，这意味着原始高度会发生变化。你知道我怎样才能做到这一点吗？我已尝试将该函数放入窗口中。onresize，但似乎无法按预期工作。@HarryFrancis我已使用响应式设计的解决方案更新了我的答案。再次感谢您，我现在将研究如何实现此功能。：）您好，它似乎工作得很好，谢谢您的时间和帮助。@HarryFrancis很棒，很高兴它能工作。如果我的答案有效，你介意接受吗，以防其他人也有类似的问题：）我会悄悄地把这个问题留在这里：实际的问题是什么？获得高度？设置高度？数学？所有这些？还有别的吗？嗨，蒂姆，我遇到的问题是取它给出的初始高度，然后用它自己取而代之，取而代之的是它自己，取而代之的是60的最接近倍数。