Question

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

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库

＆＃13;

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

＆＃13;

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

＆＃13;

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

＆＃13;

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

1 个答案: