我需要將每個選定的 div 高度設定為其寬度，但此代碼對我不起作用：
<div class="row"><div class="col-md-4 squ"></div><div class="col-md-8"></div></div>
<div class="row"><div class="col-md-10"></div><div class="col-md-2 squ"></div></div>
<script>
$( document ).ready(function() {
$('div.squ').height($(this).width());
});
</script>
uj5u.com熱心網友回復：
問題是這$(this)不是指 div 而是指您的情況下的檔案，因此您可以這樣做：
$(document).ready(function() {
$('div.squ').height(function() {
return $(this).width();
});
});
演示
顯示代碼片段
$(document).ready(function() {
$('div.squ').height(function() {
return $(this).width();
});
});.row div {
border: 1px solid black;
display: inline-block;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="row">
<div class="col-md-4 squ">tester</div>
<div class="col-md-8">t</div>
</div>
<div class="row">
<div class="col-md-10">t</div>
<div class="col-md-2 squ">test</div>
</div>uj5u.com熱心網友回復：
$(document).ready(function() {
$('div.squ').height(function() {
return $(this).width();
});
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/324319.html
標籤：html 查询 bootstrap-4
下一篇：無法在JSP中決議匯入