获取 jQuery 集合中最宽的元素

2023-12-28

假设我有一堆<span>具有不同文本内容的元素。

我怎样才能获得最广泛的<span>?

jQuery 没问题。我只关心识别跨度,而不关心宽度本身的值。

类似的问题是here https://stackoverflow.com/questions/7246683/detect-the-widest-cell-w-jquery。但他们只得到宽度的值。

我是这样开始的:

$('span').each(function(id, value){
  if ($(this).width() > w) {
    largestSpan = id;
  }
});

var maxWidth = 0;
var widestSpan = null;
var $element;
$("span").each(function(){
   $element = $(this);
   if($element.width() > maxWidth){
     maxWidth = $element.width();
     widestSpan = $element; 
   }

});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

获取 jQuery 集合中最宽的元素 的相关文章

  • 使用 classed("active",true) 鼠标悬停时 D3 颜色变化

    我是 js 和 D3 的新手 我已经生成了某种热图 并且想使用 D3 的 on mouseover 更改图块的颜色 我可以显式更改颜色 但想使用 CSS 活动规则 可能是一些简单的东西可以修复 任何帮助将不胜感激 完整代码如下 Thanks
  • Facebook Instant Game - 上传捆绑的 zip 文件会导致 Web 托管出现 SDK 参考错误

    当我尝试上传简单的游戏 应用程序时 我收到一条错误消息 游戏必须通过我们的 CDN 引用我们支持的 SDK 之一 不过我已经给出了 SDK 参考 难道不是这个吗 我也浏览了 facebook 文档的 SDK 参考 但它对我不起作用 有人以前
  • HTML5 画布在缩放和旋转后平移

    我正在尝试用画布做一些事情 首先 我让用户上传图像 如果图像比我想要的大 我需要将其缩小 那部分工作得很好 最近我们遇到了 iPhone 用户上传图像的问题 这些都存在方向问题 我已经弄清楚如何提取方向 我的问题是当我操纵画布中的图像时会发
  • WordPress ~ 如何在一页上显示多个 Google Chart?

    下面是我插入到 WordPress Visual Composer 中的原始 HTML 块中的一个 Google 图表的代码 图表 ID 名称为 chart div1 这适用于我的 WP 网页
  • 如何在流星运行时编译新模板?

    如何使用 Handlebars js 在流星中运行时编译新模板 var source
  • CSS 列不会水平对齐

    我正在使用列计数来允许我的文本流入两个不同的列 但第一列的顶部 最左边 低于另一列 col moz column count 2 webkit column count 2 column count 2 div h3 Options h3
  • 量角器检查元素是否不存在

    我在基于角度的网站中有一个设置可以打开和关闭下拉菜单 如果关闭 则不会显示在主页上 对于量角器 我需要检查开关关闭时该元素是否不存在 但是 我不应该陷入 未找到元素 错误 因为它是一组许多测试中的一个 我该怎么做 我曾尝试这样做 expec
  • firebase 返回 onSnapshot 承诺

    我正在使用 firebase firestore 并且正在寻找一种返回快照承诺的方法 onlineUsers i want to return onSnapshot return this status database ref where
  • css 变换,chrome 中的锯齿状边缘

    我一直在使用 CSS3 转换来旋转网站中带有边框的图像和文本框 问题是 Chrome 中的边框看起来呈锯齿状 就像没有抗锯齿的 低分辨率 游戏一样 在 IE Opera 和 FF 中看起来好多了 因为使用了 AA 仍然清晰可见 但也没有那么
  • 对数组进行分组并获取计数[重复]

    这个问题在这里已经有答案了 假设我有这样的数组 foo bar foo bar bar bar zoom 我想将其分组 这样我就可以得到这样的计数 foo 2 bar 4 zoom 1 有没有一个实用程序可以做到这一点 只需使用该功能Arr
  • Vim、Javascript、DoctorJS (jsctags) 和 Taglist(源代码浏览)

    我已经安装了DoctorJS http doctorjs org 之前jsctags 试图为 Vim 获得一些好的源代码浏览 标签列表 使用Taglist http www vim org scripts script php script
  • 在相同位置使用 jQuery 将列表框项目移动并删除到另一个列表框

    我有 2 个多选框 如本链接所示 http jsfiddle net bdMAF 38 http jsfiddle net bdMAF 38 function button1 click function list1 gt option s
  • 如何从客户端 JavaScript 调用特定的 Node.js 方法

    在我的应用程序中 我在 node js 文件中创建了许多方法 我如何从客户端 JavaScript 调用特定方法 下面是我的node js 文件 exports method1 function exports method2 functi
  • 如何使用nodejs获取目录中第一个扩展名为.txt的文件?

    我所有文件所在的目录是 usr home jordan 该目录下有很多文件 在目录本身中 但有一个文件以 txt 扩展名命名 使用nodejs和fs 我想将带有txt扩展名的第一个文件 或任何文件 放入 mytxtfilepath 中 我在
  • Angularjs + Typescript,如何将 $routeParams 与 IRouteParamsService 一起使用

    我使用 routeParams 从 URI 中提取属性并为其设置本地变量 当我使用打字稿输入设置 route 参数的类型时 我无法再访问 route 参数 如何访问 routeParams 中的属性 class Controller con
  • 将 SVG 下载为 PNG 图像

    我想将 HTML 页面中的 SVG 元素下载为 PNG 格式 我尝试了此操作 但下载了一个空白的 PNG 图像 如何将我的 HTML SVG 下载为 PNG 我用过这个https bl ocks org biovisualize 81878
  • Angular 中的动态子组件

    我正在构建一个具有一致的元素列表设计模式的应用程序 如果我有一个 A 类型的对象 我会创建AComponent它接受a作为输入 然后创建另一个组件来迭代 A 列表 AListComponent 那么如果我有一个对象 B 我需要做同样的事情
  • JavaScript - 替换 html 字符串中的特定单词索引

    我在 JS 字符串操作方面面临着一项具有挑战性的任务 有一个 HTML 字符串 我需要在其中替换特定单词索引处的单词 单词索引是忽略 HTML 标签时单词的编号 例如 下面是 HTML 字符串 span style font family
  • AngularJS 中的全局模拟对象用于 jasmine/karma 测试

    我有一个正在模拟进行单元测试的对象 基本上在我的测试文件中 我将其模拟如下 var mockObject mockMethod1 function return true mockMethod2 function return true b
  • 如何在 Firefox 插件上使用 jQuery 1.5.2+?

    首先 我创建了一个接收参数并返回 jQuery 的函数 例如 function getjQuery window jquery code window return window jQuery 但后来我收到了一封评论电子邮件 他们告诉我必须

随机推荐

  • 一组值的所有可能分组的数量?

    我想找到一个组合公式 给定一定数量的整数 我可以找到这些整数的所有可能分组的数量 这样所有值都属于一个组 假设我有 3 个整数 1 2 3 将有 5 组 1 2 3 1 2 3 1 2 3 1 2 3 2 1 3 我已经通过计算计算了 N
  • 启动 hadoop 流作业的替代方法

    我可以从终端成功启动 hadoop 流作业 但我正在寻找通过 api eclipse 或其他方式启动流作业的方法 我发现的最接近的是这篇文章https stackoverflow com questions 11564463 remotel
  • 如何优化分配恒定股息?

    优化为除以众所周知 gcc 对常量进行了很好的优化 现在我想知道如何dividing常数被优化 gcc 不能帮助我 clang 也是如此 也许我不擅长搜索这些信息 但我找不到关于优化的材料除常数 相比之下 除以常数介绍得很好 include
  • 无法在 NetBeans 中创建 Java Web 应用程序

    我想使用 NetBeans 7 0 1 编写一个 java Web 应用程序 但我找不到该选项Java Web in File gt New Project 我需要获得任何特殊的 Java 版本才能做到这一点吗 转到 工具 菜单并选择 插件
  • 有没有办法扩展 ThreeJS 对象?

    我正在使用 ThreeJS 创建一个交互 人们可以在其中单击立方体 然而 这些立方体在单击时的行为有所不同 不同的颜色动画 以保持想法简单 我的想法是创建 THREE Mesh 对象的扩展类并添加我的自定义函数和属性 这将有助于隔离多维数据
  • 更改 UINavigationBar 外观背景时状态栏颜色发生变化

    我使用这行代码来更改导航栏背景 UINavigationBar appearance setBackgroundImage UIImage imageNamed image png forBarMetrics UIBarMetricsDef
  • 奇怪的 IE8 内部 [[ class ]] 属性行为

    我最近在使用 IE8 目前我不知道 9 时遇到了一些麻烦 无法读取和比较某些值 Class 特性 事实上 这仅适用于以下情况localStorage object 我正在使用这样的方法 var ToStr Object prototype
  • 函数不在所有代码路径上返回值 Vb.net

    我对编程有点陌生 并且在完成这项工作时遇到了困难 我应该使用委托运行此代码 但我在错误之后遇到了错误 我正在使用Vb net 谁能帮我解决这段代码中的问题吗 Public Delegate Function D Dim Str As Str
  • 在 Typescript 中,定义作为实际值子集的类型的正确方法是什么?

    正如标题所示 在我的 Ionic 2 Angular2 TS 应用程序中 我使用了 cordova 插件 地理位置 它返回一组包含纬度和经度的字段 还有其他字段 例如海拔 数字等 然而 这是我唯一感兴趣的两个字段 因此我定义了类型 coor
  • Laravel + Jenssegers\Mongodb:“WhereHas”和“Has”返回空集合

    我现在主要在研究两个模型 Form and Notification 并且多对多关系已建立并适用于大多数 Eloquent 命令 除了whereHas and has 两者都只是返回一个空数组 看来开发商遇到了麻烦让这个在过去发挥作用 ht
  • puppeteer - 如何设置下载位置

    我能够使用 puppeteer 成功下载文件 但它只是将其保存到我的 Downloads 文件夹中 我环顾四周 在 api 或论坛中找不到任何可以设置此位置的内容 我的下载基本上只是转到链接 await page goto url 新 Pu
  • 如何强制 Maven MOJO 在构建结束时仅执行一次?

    我有一个 MOJO 我想执行一次 并且仅在反应器中运行的最后一个项目的测试阶段之后执行一次 Using if getProject isExecutionRoot return 在execute 方法的开始意味着我的mojo被执行一次 但是
  • 如何动态调整 DIV 元素的宽度以适合其文本内容?

    假设我有这个 HTML 代码片段 div div Text Content Te div div Another Text Content div div 原始 HTML 输出 http img26 imageshack us img26
  • PHP 中中断和继续的区别?

    有什么区别break http php net manual control structures break php and continue http php net manual control structures continue
  • 如何将输入文本字段中输入的网址附加到锚点,然后在单击锚点时跟随它?

    我想要一个文本字段 人们可以在其中输入值 然后我想让 href 打开一个 url 并将文本字段附加到末尾 因此 如果文本字段显示 大象 那么当他们单击链接时 将打开一个页面 网址为 example com elephant 我认为 java
  • 在哪里放置我的守护程序应用程序的调试日志文件?

    我使用C语言和Linux作为我的编程平台 我正在学习如何创建守护程序 并且我想创建一个日志文件 以便在守护程序中写入调试消息 我的问题是我应该将日志文件放在系统中的哪里 我应该把它放在var文件夹中吗 请指教 非常感谢 你应该使用syslo
  • 如何将 .sh 文件与 Cygwin 关联?

    我想通过双击 Windows 中的 sh 文件来在 Cygwin 中运行长 rsync 命令 它必须从文件所在的目录 例如 cygdrive c scripts 开始 以便相对路径起作用 有人得到这个工作吗 注 我刚刚发现here http
  • Chromedriver 不会打开新会话,它会在现有会话中打开新选项卡

    我的代码在某些 PC 上运行正常 但有一个它不会打开新的私人会话 在这种特殊情况下 它会在已打开的同一窗口中加载当前的 chrome 配置文件 我尝试查看一些 stackoverflow 问题 看看其他人是否也遇到过这种情况 但没有成功 尝
  • 在函数声明和定义中使用 noexcept 说明符?

    考虑以下函数 Declaration in the h file class MyClass template
  • 获取 jQuery 集合中最宽的元素

    假设我有一堆 span 具有不同文本内容的元素 我怎样才能获得最广泛的 span jQuery 没问题 我只关心识别跨度 而不关心宽度本身的值 类似的问题是here https stackoverflow com questions 724