Div'in genişliğini başka bir div değerine eşit

Question

.second_div genişliğine vermek istiyorum, ancak sorun, ilk divın css'de verilen bir genişlik değerine sahip olmaması ve jQuery'yi kullanarak genişliğini bulması gerekiyor.

HTML:

<div class="first_div">First Div</div> 
<div class="second_div">Second.width == First.width</div> 

CSS:

.second_div, 
.first_div { 
    border: 1px solid black; 
    padding: 2px 4px; 
    display:inline-block; 
} 

jQuery:

$(document).ready(function(){ 
    $(".second_div").css({'width':($(".first_div").width()+'px')}); 
}); 

jsfiddle: https://jsfiddle.net/ekqecjb8/1/

Answer 1

sizin keman jQuery kitaplık eksik, hata içinde yoktur senin kodun . Sadece

$(document).ready(function() { 
 
    $(".second_div").css({ 
 
    'width': ($(".first_div").width() + 'px') 
 
    }); 
 
});

.second_div, 
 
.first_div { 
 
    border: 1px solid black; 
 
    padding: 2px 4px; 
 
    display: inline-block; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div class="first_div">First Div</div> 
 
<div class="second_div">Second.width == First.width</div>