jquery - 悬停后是否可以在不启动悬停本身的情况下获取 div 的属性？

Question

悬停后是否可以在不启动悬停本身的情况下获取内容未知的 div 的高度？

jquery 能帮上忙吗？

.content-container{
  width:20%;
  border:1px solid #000;
}

.content-container:hover{
  width:100%;
}

<div class="content-container">Some content that can be anything of any length</div>

Answer 1

你必须做一些事情来应用规则，进行测量，然后删除那个东西。一种简单的方法是更新规则以也适用于类，然后添加类、测量、删除类:

var container = $(".content-container");
var unexpanded = container.height();
console.log("height when unexpanded: " + unexpanded);
container.addClass("expand");
var expanded = container.height();
container.removeClass("expand");
console.log("height when expanded: " + expanded);

.content-container{
  width:20%;
  border:1px solid #000;
}

.content-container:hover, .content-container.expand {
  width:100%;
}

<div class="content-container">Some content that can be anything of any length</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

测量第一个/唯一的.content-container。如果有多个，则需要一个 each 循环:

$(".content-container").each(function() {
    var container = $(this);
    // ...
});