如何将CSS仅应用于段落中的数字? (没有

2024-01-17

如何仅将 CSS 应用于段落中的数字而不将数字换行spans?

<p>Text and numbers: 123</p>
<p>123 and text</p>

有选择器吗?在 jQuery 中,也许吧。或者以某种方式使用 javascript 解析它......

预期结果:



仅使用 CSS 无法做到这一点。由于您还使用 jQuery 标签标记了您的问题,因此您可以这样做:

$('p').html(function(index, value) {
    return value.replace(/(\d+)/g, '<span>$1</span>');
});

jsFiddle 示例 http://jsfiddle.net/j08691/fs6Mb/1/

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

如何将CSS仅应用于段落中的数字? (没有 ) 的相关文章

  • 在 Angular html 模板中访问常量枚举

    假设我有一个常量枚举 export const enum MyConstEnum Value1 Value1 Value2 Value2 Value3 Value3 现在我想在我的 Angular 模板中使用它 span This has
  • 网站在 iPhone 屏幕右侧显示空白区域

    我遇到问题http eiglaw com http eiglaw com iPhone 屏幕右侧显示约 25 像素宽的空白 边框 我在 stackoverflow 上研究了这个问题 这些帖子是相关的 但是当我尝试提供的各种解决方案时 我无法
  • 在特定页面上执行 javascript 的正确“Rails”方式

    我试图在特定页面上运行 javascript 而我唯一的解决方案似乎是反模式 我有controller js内部生成的assets javascripts 我在用着gem jquery turbolinks 我的代码类似于以下内容 docu
  • 将 XSL-FO 转换为 HTML

    我有一组用于 PDF 生成的 XSL FO 文档 我还需要将相同的输出数据 PDF 格式 导出为 HTML 文件 此外 我需要 HTML 具有与 PDF 类似的样式 有没有办法使用 C 将 XSL FO 转换为 XHTML NOTE 我知道
  • Bootstrap:如何将按钮组对齐在中心(垂直)

    在下面的代码中
  • VueJS 中数据无法正确显示

    我的 VueJS 代码有一个小问题 在 输出 压缩的 GS1 数字链接 URI 部分中 When there is no result it should have nothing display like this I have remo
  • 固定 div 位于居中 div 旁边

    我有一个网页 其中有可滚动的内容 此内容包含在 content 内 位于页面的中心 现在我希望导航栏出现在内容左侧 50 像素处 该栏应具有固定位置 不应滚动 这是我到目前为止所尝试过的 nav position fixed top 50
  • 自动建议 php 的 ajax

    我有一个 html 表单 php 脚本和 jquery 我需要一个 ajax 代码来从我的 php 脚本中进行自动建议 以下是代码 表单 html
  • javascript 选择自定义光标 (svg)

    我正在动态地将光标更改为悬停时的本地 svg element on mouseover function this css cursor url svgs pointer svg 9 30 auto 工作正常 但我想选择该 svg 来操纵其
  • 如何使使用 css 调整大小的图像在 IE 中看起来不错?

    当使用 css 宽度 高度或属性宽度 高度缩放图像时 IE6 和 IE7 无法很好地缩放网页中的图像 我不确定它默认使用哪种算法 但这不好 在这些浏览器中缩放时 缩放图像会显示锯齿伪影 幸运的是 有一种方法可以通过简单的 css 规则强制
  • onclick 事件中未调用函数

    我想在每个 YouTube 链接的末尾添加一些 HTML 以在 litebox 中打开播放器 到目前为止 这是我的代码 document ready function var valid url new RegExp youtube com
  • -webkit-box-shadow 与 QtWebKit 模糊?

    当时有什么方法可以实现 webkit box shadow 的工作模糊吗 看完这篇评论错误报告 https bugs webkit org show bug cgi id 23291 我认识到这仍然是一个问题 尽管错误报告被标记为RESOL
  • CSS 到底如何计算相对尺寸

    我想更好地理解某些 CSS 行为 这与具体问题无关 我只是在调试网站时遇到的 让我们在固定位置的 div 中放置一个全宽图像 div img style width 100 src https via placeholder com 150
  • 如何始终将焦点保持在文本框中

    我创建了一个包含两个 div 的 HTML 页面 左侧的 div 页面的 90 是 ajax 结果的目标 右侧的 div 页面的 10 包含一个文本框 该页面的想法是在文本框中输入零件编号 通过条形码扫描仪 并显示与该零件编号匹配的绘图 显
  • 如何停止TinyMCE删除span标签?

    在我的工作中 前一位程序员决定使用公司网站上精彩的TinyMCE 我遇到的数千个问题之一是 如果原文有的话span标签 当我按下退格键删除一行 p仅标签 全部span标签已从文本中删除 这个错误比另一个错误更具体 我可以删除anything
  • 使用单击事件调用“trigger”方法时的复选框值

    如何在点击事件中获取正确的当前值以通过触发器调用 Html
  • 主页(网格)上的缩略图现在显得模糊。如何纠正?

    我不知道这看起来是否愚蠢 但从早上开始我就无法纠正这个突然出现在我的博客网站上的错误www candidopinions in http www candidopinions in 我有一个网格视图模板 其中博客文章中的特色图像作为调整大小
  • 从 PHP 数组生成 HTML 表

    我不明白这一点 我需要解决看似简单的问题 但这超出了我的逻辑 我需要编写一个函数 table columns input cols 它将输出一个表 示例 input array apple orange monkey potato chee
  • Highcharts jQuery 渲染问题 - 所有浏览器

    我在尝试使用构建堆积柱形图时遇到了一个奇怪的问题高图表 http www highcharts com 当图表呈现时 在您调整浏览器大小之前 不会显示列无论如何 导致图表重绘 我认为 图表的其余部分显示 轴 标题等 但不显示列本身 我在 I
  • 测量窗口偏移

    有没有一种方法可以测量 jQuery 中窗口的偏移量 以便我可以比较 固定 元素和相对定位元素的位置 我需要能够知道窗口滚动了多远 以便我可以使用该图来计算固定元素的高度 相对于视口顶部 和相对对象的高度 相对于顶部 之间的差异文件的内容

随机推荐

  • 保存父实体时,新的子实体将不会保存

    我有一个父实体 foo存在于数据库中 我有一个属性bar在此实体上 一对多关系 Foo已分离 因为它使用 WebApi 进行反序列化 所以我这样做是为了foo context Foos AddOrUpdate foo 就算有新的bar附加到
  • 使用 WebJob 将 Web 应用程序发布到 Azure 时卡住

    我刚刚使用 WebJob SDK 将 WebJob 添加到我的 Web 应用程序中 现在 在发布Web应用程序时 VS在发布时卡住了 不会挂起 但也不会进展 我知道这是由 WebJob 引起的 因为当我删除webjobs list json
  • SQL 用撇号插入数据库

    我正在经典 ASP 上运行一个程序 并使用以下内容插入数据库 CreateJob CommandText INSERT INTO dbo Jobs JobID CompanyName DateReceived DateOfDocument
  • Git 生产/登台服务器工作流程

    目前我的网站 生产服务器 已经有很多代码了 现在我想开始在我的项目中使用 Git 并为我的团队设置一个临时服务器 有人可以给我任何建议吗 这是我脑海中的画面 Production Production server which alread
  • 如何处理外部不稳定的代码?

    I have asp net Web Api 2与外部一起使用的应用程序COM Object pvxcom 由于某些原因 COM 对象挂起 我没有机会报告错误pvxcom 我需要想出一些办法来绕过这个问题 我想澄清一些问题 如何设置外部源的
  • Swift 中的音频播放进度为 UISlider

    我看过一些关于在 Objective C 中实现这一点的帖子 但我无法通过 Swift 做到这一点 具体来说 我不知道如何实施addPeriodicTimeObserverForInterval在下面 var player AVAudioP
  • HTTP POST 和 Google Apps 脚本文件上传

    请原谅这个问题可能存在口是心非 但经过几个小时的搜索无果后 我选择向社区询问以下问题 有没有什么办法 使用以下带有 HTML 和 Javascript 的表单 带有 POST 或 GET 请求 我可以让用户从普通的 HTML 页面提交文件并
  • 如何启用 Weblogic 12.1.2 JPA 2.1

    我一直在将我们的 Web 应用程序部署到 Weblogic 服务器 但是 尽管我能够在这个新版本中成功部署应用程序 但该应用程序无法启动并且用户无法登录 日志是 May 29 2015 4 38 47 PM org springframew
  • 使用 React.js 生成随机数

    我编写了这段代码 但是当我运行它时 我只得到一个空白页 怎么了 看来我确实很接近答案了 我已经尝试了一切 但仍然不起作用 class Button extends React Component constructor props supe
  • VBA 自动化错误 - 关闭表单时出现“服务器 [不是服务器应用程序]”

    我尝试以面向对象的方式创建表单 如这个答案所示 https stackoverflow com a 38382104 4460023 https stackoverflow com a 38382104 4460023 关闭表单后 我想引用
  • 当状态更改导致键盘在工作表中辞去第一响应者身份时,SwiftUI iOS 应用程序崩溃

    我正在尝试创建一个在工作表中查看具有多个 页面 该视图持有一个 State枚举变量 我在页面之间 切换 if self page text else if self page image else 但是 如果在其中一个页面中的文本字段处于活
  • 进行 dockerized 构建,缓存依赖拉取层

    我使用得很开心skaffold开发一些 Kubernetes 服务 但我周期中最长的步骤之一是拉取容器的所有依赖项 有人对如何最好地缓存层中的所有依赖项有建议吗 是否有在 docker 容器内构建 go 二进制文件的最佳实践 我应该有一个层
  • 在哈希映射中存储对向量项的引用时,绑定的生存时间不够长

    我是 Rust 的新手 仍在与借用检查器和正确的生命周期作斗争 这是我开始构建的一个简单的结构 它存储命令行参数的集合 例如事物 可以用 string or a c或两者 struct OptionMap lt a T a gt name
  • 检查 UI_USER_INTERFACE_IDIOM() 以确定它是 iPhone 还是 iPad 是否安全?

    我找到了这段代码 here http www devx com wireless Article 44472 1954 if UI USER INTERFACE IDIOM UIUserInterfaceIdiomPad str NSStr
  • python gremlin连接超时问题

    获取 gremlin 驱动程序超时问题如下 我们已经提高了吞吐量并进行了尝试 但仍然在进行中 12 05 2019 06 50 33 gt 1376bf ERR Traceback most recent call last 12 05 2
  • 使用 javascript 创建元素

    我有一个 html 表格 table thead Column Headers here thead tbody data here lt 3 tbody table 这是我的 php sample php
  • 这是一种安全的加密方法吗

    我正在为 Android 编写一个应用程序 它使用对称密钥加密来保护敏感数据 据我所知 Android仅直接支持 PBEWithMD5AndDES 这个算法的安全性如何 另外 我在下面包含了我的代码 非andriod 我的代码是否正确加密数
  • 访问 Eclipse 可部署插件中的资源

    我正在开发一个 Eclipse 插件 在我的插件中 我有以下代码 Bundle bundle Platform getBundle org eclipse acceleo EcoreDiff2EDelta URL fileURL bundl
  • 替换文本中的变量:建议?

    我正在寻找一个不错的模板引擎或一小段代码来扩展 Java 字符串中类似 Ant 的变量 例子 String result expand firstName familyName map 至少应该支持java util Map但是可以处理 b
  • 如何将CSS仅应用于段落中的数字? (没有

    如何仅将 CSS 应用于段落中的数字而不将数字换行spans p Text and numbers 123 p p 123 and text p 有选择器吗 在 jQuery 中 也许吧 或者以某种方式使用 javascript 解析它 预