如何使用 jQuery 设置 DIV 元素的高度

我想实现以下目标

1）单击.step2-选择

2） .quiz__drawer迪夫应获得 .step2 信息的高度

3）输出应为

<div class="quiz__drawer" style="height:height of .step2info div">

4）使用此j查询代码

$('body').on("click", '.step2-opt', function () {
  $(".quiz__drawer").height(function(){
    $(".step2info").outerHeight();
  });
});

请帮我修复jquery代码。

弑天下

浏览 105回答 2

2回答

蓝山帝景

这里有一个例子供你尝试，希望这有帮助$('body').on("click", '.step2-opt', function () {  // get the height of step2info  var height = $('.step2info').css("height");  // set the height of quiz__drawer  $('.quiz__drawer').css("height", height)});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><div class="step2info" style="height: 200px; width: 200px; background-color: red;"></div><div class="quiz__drawer" style="height: 100px; width: 200px; background-color: green;"></div><button class="step2-opt">set height</button>

0 0

暮色呼如

如您所见，此功能在单击第一个div后均衡高度：$.fn.equalizeHeights = function(){  return this.height( Math.max.apply(this, $(this).map(function(i,e){ return $(e).height() }).get() ) )}function test(){$('.step2info, .quiz__drawer').equalizeHeights();}<script  src="https://code.jquery.com/jquery-3.5.1.js"  integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc="  crossorigin="anonymous"></script><body><div class="step2info" onclick="test()">dkdpodkds<br>soskdsopkdspodskpskpkpk<br>sopkspokdspskposkspksapk<br></div><div class="quiz__drawer"></div></body>

0 0

随时随地看视频慕课网APP