Jquery 拖动并调整div的大小

我发现了下面的代码，但原始代码使用了ID，但当我使用类时，它不工作吗？因为我对不同的框使用相同的类名，这些框是可拖动的，并且可以重新调整大小

 $(function() {
            var a = $(".texteditorInitial");
            var b = $('#siteGroup');
            a.draggable({
            drag: function() {
                    if (a.position().top > b.height() - a.height()) {
                        b.height(b.height() + 10);
                    }
                    if (a.position().top < b.height() - a.height()) {
                        b.height(b.height() - 1);
                    }
                }
            });
            var c = $(".title_bar");
            var d = $('#siteGroup');
                c.resizable({
                resize: function() {

                    if (c.offset().top > d.height() - c.height()) {
                        d.height(d.height() + 10);
                    }
                    if (c.offset().top < d.height() - c.height()) {
                        d.height(d.height() - 1);
                    }
                }
            });

        });

$（函数（）{
变量a=$（“.textEditorinital”）；
变量b=$（“#站点组”）；
a、 拖拉的({
拖动：函数（）{
如果（a.位置（）.顶部>b.高度（）-a.高度（））{
b、 高度（b.高度（）+10）；
}
如果（a.位置（）.顶部d.高度（）-c.高度（））{
d、 高度（d.高度（）+10）；
}
如果（c.偏移（）.顶部

请帮忙。

我想它行得通

您好，我的html结构是将其添加到fiddle中，它仅适用于第一个框，但不适用于第二个框当您拖动或调整第一个框的大小时，网站组也会更改其高度，但是，当您拖动或调整第二个框的大小时，站点组不会更改其高度或宽度。我希望在您使用相同的类名Welcome调整或拖动第二个框的大小时更改站点组的高度和宽度。希望能有帮助

<div class="texteditorInitial"></div>
<div id="siteGroup"></div>
<div class="title_bar"></div>