Jquery 如果在其他元素上，则隐藏

我有一个div，在另一个div中有一个固定的位置，该div跨越页面折叠。现在，父div中还有其他元素，大部分位于页面顶部。如果子元素恰好位于父元素中的另一个元素上（例如，如果用户调整窗口大小），我希望使用固定位置隐藏该子元素。如何使用jQuery实现这一点

以下是到目前为止我得到的信息：

JS

$(function(){
    function floatingDiv(){
        var m = $('#parentDiv'), offset = m.offset(), posL = Math.floor(offset.left - 15);
        $('#divFloat').remove();
        m.append(\"<div id='divFloat' style='position:fixed;left:\"+ posL +\"px; bottom:55px; border:0'><a href='/' style='width:168px;height:43px; background: url(/i/free3day.png) no-repeat center center;position:fixed; border:0; left:\"+ posL +\"px;bottom:55px'></a></div>\");
    }

    floatingDiv();

    $(window).resize(function(){
        floatingDiv();
    });
});

$（函数（）{
函数floatingDiv（）{
var m=$（'#parentDiv'），offset=m.offset（），posL=Math.floor（offset.left-15）；
$（'#divFloat'）。删除（）；
m、 追加（\“\”）；
}
floatingDiv（）；
$（窗口）。调整大小（函数（）{
floatingDiv（）；
});
});

HTML

<div id="parentDiv">
    <a href="#">SOME LINK</a>
    <div>some content</div>
</div>

一些内容

为什么要在m.append中转义html字符串？看看我转义的原因，因为这个JS实际上在PHP代码中。。。