使用jQuery更改DIV维度

时间:2010-09-16 00:04:37

标签: jquery html

我的标记中有以下div

<div id="sectionContent" style="position: absolute; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; z-index: 1; top: 56px; bottom: 6px; left: 8px; right: 8px; width: 722px; height: 624px; visibility: visible; display: block;">
    <div id="actionArea" style="text-align: left; margin-bottom: 2px;">
        <button id="addNote"><span class="ui-button-text">Aggiungi Nota</span></button>
    </div>
    <!-- Contains all the notes and limits their movement -->
    <div style="margin: 0 auto; position:relative; width:100%; height: 100%; z-index: 10;">
    </div>
</div>

外部DIV“sectionContent”的大小在运行时由jquery插件自动设置,该插件提供页面上的布局。在这个内部,我有第一个带按钮的DIV(“actionArea”)和带有id =“notesDesktop”的div。

我想设置“notesDesktop”DIV的大小

  • 宽度等于“sectionContent”DIV
  • 高度等于“sectionContent”DIV减去“actionArea”DIV的高度

如何使用jQuery执行此操作?

非常感谢帮助

1 个答案:

答案 0 :(得分:1)

这应该可以解决问题:

$("#notesDesktop").width($("#sectionContent").width());
$("#notesDesktop").height($("#sectionContent").height() - $("#actionArea").height());