如何检查div是否在另一个div中-不仅是小的，而且在它里面

Question

我是jQuery新手。我试图检查一个div是否在另一个div内。我不仅需要第二个div小于第一个，而且要在其包含。怎么做呢?我尝试过这个，但它只检查如果第二个div的大小小于第一个div的大小:

if($('#div1').height() <= 375 || $('#div1').width() <= 500 ) {

编辑:

  $(function() {
        
        
        $('body').on('click', '.save', function(){
            var src = $(this).attr('src');
            $( ".bomb-overlay-holder" ).html('<img id="bomb-overlay">');
            $('.bomb-overlay-holder > img').attr('src',src);
            $( ".bomb-overlay-holder" ).draggable({ containment: ".background-bomb" });
            $( "#bomb-overlay" ).resizable({autoHide: true,});
            $( "#bomb-overlay" ).parent().rotatable({autoHide: true,});
        });

第一个div是.background-bomb，第二个div是#bomb-overlay

Answer 1

检查containement部分

    var div1 = $('#div1');
    var div2 = $('#div2');
    var offset1 = div1.offset();
    var offset2 = div2.offset();
    var right1 = offset1.left + div1.width();
    var bottom1 = offset1.top + div1.height();
    var right2 = offset2.left + div2.width();
    var bottom2 = offset2.top + div2.height();
    //Now you can do something like...
    if(offset1.left <= offset2.left && offset1.top <= offset2.top && right1 >= right2 && bottom1 >= bottom2) {...}