将div的宽度设置为等于另一个div

Question

我想给出我.second_div的宽度first_div,但问题是第一个div没有css中给出的宽度值,我需要使用jQuery找到他的宽度.

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

你的小提琴中缺少jQuery库,代码中没有错误.只需在代码中包含jQuery库

$(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>