将每个字符包裹在一个范围内

2023-12-01

我试图将每个数字包裹在一个范围内。

这就是我现在所在的地方。

<div class="numbers">12345</div>
<div class="numbers">12345</div>
<div class="numbers">12345</div>

$('.numbers').each(function (index) {
    var characters = $(this).text().split("");
    $(this).empty();

    $.each(characters, function (i, el) {
    $(this).append("<span>" + el + "</span");
    });

});

我的语法哪里可能出错?


您可以使用简单的正则表达式,例如

$('.numbers').html(function (i, html) {
    return html.replace(/(\d)/g, '<span>$1</span>');
});

Demo: Fiddle


Or

$('.numbers').html(function (i, html) {
    var chars = $.trim(html).split("");
    return '<span>' + chars.join('</span><span>') + '</span>';
});

Demo: Fiddle

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

将每个字符包裹在一个范围内 的相关文章

  • jQuery:array[i].children() 不是函数

    以下代码的灵感来自http ignorethecode net blog 2010 04 20 footnotes http ignorethecode net blog 2010 04 20 footnotes 当您将光标移到脚注符号上时
  • 如何通过JQuery从不带扩展名的URL中获取页面名称

    我有一个网址 http www example com keyword category php or http www example com keyword category php 4 我需要一个神奇的咒语 它只给我页面名称categ
  • 如何将 JSLint 用于依赖于 JQuery 的代码段?

    我对 Javascript 比较陌生 我想通过 JSLint 运行我周末玩的那段代码 这样它就可以指出我在哪里是个十足的白痴 不幸的是 我收到了大量关于缺少函数声明的错误 这些函数声明是 JQuery javascript 库及其各种插件的
  • 如果鼠标不移动,JQuery 隐藏鼠标

    如果鼠标一段时间没有移动 我会尝试隐藏鼠标 这是我正在使用的代码 document ready function var j document mousemove function clearTimeout j html css curso
  • 适用于 Canvas HTML5 的 Jquery 画笔大小滑块

    您好 我正在尝试为我的 Canvas 绘图应用程序创建一个画笔大小滑块 有人可以帮助解决这个问题吗 我发现的一些方法与我运行应用程序的 Jquery 库不兼容 谢谢 你的问题在细节上有点简短 O 以下是如何使用 input type ran
  • 我希望根据当前路线将多个变量切换为 true 或 false

    我希望根据当前路由将多个变量切换为 true 或 false 控制器在页面加载时检查该路由 VpcYeoman SuperTableController Ember ArrayController extend routedToLocati
  • jqGrid tableToGrid“选项”参数

    Basics 大家好 我看到 tableToGrid 方法 由 Peter Romianowski 定义为tableToGrid selector options 在 jqGrid wiki 上 但找不到任何有相关文档的地方options
  • 函数内的 JQuery ajax 请求:如何返回我得到的值?

    我想编写一个 javascript 函数 它将向 PHP 脚本发出 ajax 请求并返回其结果 看起来就是这样 function myjsfunc some data post myscript php some data some dat
  • jQuery:在隐藏元素之前我应该​​检查可见性吗?

    最好的做法是在隐藏元素之前检查它是否可见 还是直接隐藏它就可以了 两种方式有什么好处 在下面的示例中 首先在隐藏之前检查可见性 foo元素 dropdown hover function this find menu fadeToggle
  • 使用 Strope 库传输 XMPP 文件

    谁能告诉我使用 strope 在 XMPP 中实现文件传输 图书馆 我建议使用XEP 0065 SOCKS5 字节流 http xmpp org extensions xep 0065 html恐怕你需要自己编码
  • 当前一个 ajax 调用完成时,进行多个 ajax 调用

    我有这些ajax调用 需要在前一个ajax成功时调用 这意味着一旦第一个ajax正常 调用第二个ajax 一旦第二个ajax正常 调用第三个ajax 依此类推 我一开始进行了一些 ajax 调用 所以像下面这样将它们链接起来很好 但现在我有
  • jQuery 和 PhoneGap - 使用 HTML 或 JS 包含 HTML 文件客户端?

    我正在使用 PhoneGap 和 jQuery Mobile 创建本机 Android 应用程序 当我创建多页页面时 我不会始终包含相同的导航栏 所以我尝试包含一个 s html 但这不起作用 这是我到目前为止所尝试过的 该页面未放置在 网
  • 在 Haskell 和 C 之间交换结构化数据

    首先 我是 Haskell 初学者 我计划将 Haskell 集成到 C 中以实现实时游戏 Haskell 负责逻辑 C 负责渲染 为此 我必须在每个周期 每秒至少 30 次 相互之间传递大量复杂的结构化数据 游戏状态 所以传递的数据应该是
  • 如何动态获取浏览器的高度和宽度?

    我想做的是创建一个不依赖媒体查询的聊天框 这从数学上设置了聊天框内容的大小 我正在尝试 window height window width 但这并没有覆盖整个浏览器窗口 我想在 javascript jquery 中完成这一切 而不需要
  • 如何使用 jQuery 定期更新页面上的日期/时间值?

    在此示例中 我有一个输入文本字段 其中包含使用 jQuery 设置的日期时间值 http jsfiddle net D4Hu9 http jsfiddle net D4Hu9 HTML
  • Webkit 和 jQuery 可拖动跳跃

    作为实验 我创建了几个 div 并使用 CSS3 旋转它们 items position absolute cursor pointer background FFC400 moz box shadow 0px 0px 2px E39900
  • C 和 C++ 中的“**”是什么意思?

    当一个对象开头有两个星号时意味着什么 variable 在声明中 这意味着它是一个指向指针的指针 int x declare x as a pointer to a pointer to an int 使用它时 它会引用它两次 int x
  • 冻结 TH 标题和滚动数据

    我有一个 html 表 我想冻结标题行标签以滚动数据 我怎样才能做到这一点 我需要使用Dom吗 谢谢 我的解决方案是使用两个表并固定列宽 下面的表格位于可滚动的 div 中 并且没有标题
  • 如何创建 Ajax 弹出表单并提交表单

    我喜欢请求一个 ajax popup bij 单击带有变量的链接 弹出窗口将显示服务器请求的一些日期 提交后 服务器将检查数据并发送回响应 根据响应 新内容将显示在弹出窗口中 用户可以随后关闭弹出窗口 我已经搜索了一段时间的教程或示例 但找
  • 使用javascript在没有提交按钮的情况下将输入值显示到另一个页面

    我正在尝试将输入值的结果显示到另一个页面 但这个输入没有提交按钮 因此 我正在使用keyup来存储输入数据 我有2页 index1 php and index2 php 索引1 php

随机推荐