如何在jquery中检查div容器的子容器是否已完成?

如何在jquery中检查div容器的子容器是否已完成?,jquery,html,Jquery,Html,我不知道如何在标题中描述。所以,请在这里提供更多信息 我有一个container div class=容器,其中包含随机子容器链接标签。例如: 因此,在某些情况下,只有一个名称,没有超出容器,但在另一种情况下,名称计数超出容器,我想在旁边放一个提示或其他东西,以注意这里没有显示更多的名称 非常感谢 [更新] 例如: 如果容器内部的链接为: <a href='' style='display:block;float:left;padding:1px 3px'>join keviin&l

我不知道如何在标题中描述。所以,请在这里提供更多信息

我有一个container div class=容器,其中包含随机子容器链接标签。例如:

因此,在某些情况下,只有一个名称,没有超出容器,但在另一种情况下,名称计数超出容器,我想在旁边放一个提示或其他东西,以注意这里没有显示更多的名称

非常感谢

[更新]

例如:

如果容器内部的链接为:

<a href='' style='display:block;float:left;padding:1px 3px'>join keviin</a>
<a href='' style='display:block;float:left;padding:1px 3px'>my second name</a>
<a href='' style='display:block;float:left;padding:1px 3px'>I am not seem</a>

使用应用的样式。第一个链接的宽度可能为80px,第二个链接的宽度可能为100px,依此类推,因此,容器的宽度只有200px,并且没有足够的空间容纳第三个链接,而第三个链接世界将移动到下一行,因为容器的溢出设置为隐藏,所以第三个链接将不会显示,在这种情况下,我必须在旁边做一个提示或标记,提醒用户此处有更多链接……并让用户单击以查看第三个链接……

尝试在a元素上添加标题:

<a href="#" title="Long name string">Long na...</a>

当您将鼠标悬停在链接上时,您将看到一个提示文本弹出,其中包含title属性中定义的任何文本。

将链接放在另一个子div中,然后将其宽度和高度与父div进行比较。子div将具有其内容的全部宽度/高度,但由于溢出而隐藏

<div class='container' style='width:200px; height:25px;overflow:hidden;'>
  <div class="link_container">
  <a href=''>people name here[long or short]</a>
  ..... <!--random total of name's link-->
  </div>
</div>

那么,你有N个子元素,你想做什么?如果我理解您的意思,您希望检查每个子元素的内容是否太长,或者限制子元素的数量,必要时显示提示?
<div class='container' style='width:200px; height:25px;overflow:hidden;'>
  <div class="link_container">
  <a href=''>people name here[long or short]</a>
  ..... <!--random total of name's link-->
  </div>
</div>
$(".container").each(function() 
{
   var container = $(this);
   var links = container.find(".link_container");

   if(links.width() > container.width() || links.height() > container.height())
   {
        // show tip
   }
}