如何使用 jQuery 在父 div 中单击时将子 div 的大小调整为单击点或区域？

Posted 2023-05-08

【中文标题】如何使用 jQuery 在父 div 中单击时将子 div 的大小调整为单击点或区域？

【英文标题】：How to resize child div to the clicked point or area on clicking in the parent div using jQuery?

【发布时间】：2021-03-05 14:42:34

【问题描述】：

子 div 的宽度应该增加到它在父 div 上被点击的区域，就像我点击宽度区域 720px 时，子 div 的宽度得到宽度 720px

【问题讨论】：

欢迎来到 Stack Overflow。请提供一个最小的、可重现的示例：***.com/help/minimal-reproducible-example

【参考方案1】：

不确定您要达到的目标。这是一个可能有帮助的例子。

$(function() 
  $(".child").click(function() 
    $(this).animate(
      width: $(this).parent().width()
    , 600);
  );
);

.parent 
  width: 720px;
  border: 1px solid #222;


.child 
  width: 20px;
  background: #ccc;

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="parent">
  <div class="child">x</div>
</div>