jquery - Jquery中如何检查字符串是否比容器div的宽度长?

标签 jquery

例如:

.container{ width:200px; height:16px;overflow:hidden;font-size:13px; }

<div class="container">
I want to know this sentence's width is bigger than my container div's width
</div>

如果容器内的字符串更长,有没有办法可以将字符串从头到尾设置动画并一次又一次循环。但如果更短,就留下来吧!!

[更新]

按照Don的方式字符串宽度的内部元素容器的宽度相等,并且字符串被包装。那么,我该如何如何将内部元素的宽度设置为字符串的实际长度!?

非常感谢!

最佳答案

你可以用尺子解决这个问题: 将

添加到您的网站
<div id="ruler" style="display: none">
   I want to know this sentence's width is bigger than my container div's width
</div>

现在您可以获取字符串的长度并将其与 .container 的长度进行比较

if ($("#ruler").width() >  $(".container").width()) {
  //what ever you want to do if the string is to long
}

关于jquery - Jquery中如何检查字符串是否比容器div的宽度长?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5018248/

相关文章:

javascript - 使用 JavaScript 按公共(public)值对对象属性进行分组

php - 我怎样才能像 WordPress 帖子列表编辑链接那样实现悬停效果的 jQuery?

javascript - 尝试在问号后追加时,表单出错

javascript - JQuery AJAX 调用本地更新脚本在 Safari 中失败,在 Chrome 和 FF 中有效

javascript - 如何获取 FormData 中的多个复选框值?

javascript - 如何使用 JQuery 修改输入的标签

javascript - 如何滚动并停留在特定元素所在的位置?

javascript - JQuery - 为什么附加 "complex"内容需要一个字符串上的 jquery 对象数组?

javascript - 获取复选框 ID 并将其附加到文本框中,并以逗号分隔

jQuery 隐藏/显示/切换/清空