使用 Jquery 根据其内容隐藏

2024-02-17

我正在努力实现以下目标:

某个页面会有一系列字符串,如果数据库内容存在,则将其替换为数据库内容。
例如:

<h2 class="label">Title:</h2>
<p class="value">{{Title}}</p>

会成为:

<h2 class="label">Title:</h2>
<p class="value">This is the title</p>

问题是,如果从未输入过 {{Title}} 的数据库行,它会显示 {{Title}} 而不是用空格替换它。所以 id 喜欢做的是,使用 jquery,如果 .value 包含 {{,隐藏整个元素,就像 display:none 一样。

这可能吗?

提前致谢。
Rob


$(function () // when DOM is ready for manipulation, do:
{
    // for each of the p-elements in the DOM (add your own context or class-scope
    // or whatever you can do to narrow down the list of elements here):
    $("p").each(function () 
    {
        // cache the element (always a good idea when doing multiple operations
        // on the same entity):
        var that = $(this);

        // if the text of the element is "{{Title}}" then hide the element:
        if (that.text() == "{{Title}}") that.hide();

        // alternatively you can do:

        // if the the characters "{{" exists at any position in the text of the
        // element, hide it:
        if (that.text().indexOf("{{") > -1) that.hide();
    });
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 Jquery 根据其内容隐藏

的相关文章

  • 通过 jQuery 从输入类型=“文件”多个中删除文件

    我在使用 PHP 和 jQuery 上传文件时遇到问题 表单可以一次上传多个图像 这些图像可以在滑块中预览 表单还包含两个字段标题和描述 滑块通过 jQuery 工作 当用户通过单击选择文件来选择多个图像时
  • `ie9` - contenteditable false 在父级可编辑时不起作用

    我正在尝试制作内容可编辑和不可编辑的容器 用户可以通过 3 种方式使用它 他们可以将内容与non editable 他们可以将内容与editable 他们可以在不选择其中之一的情况下放置内容 可编辑 我正在努力实现以下目标 content
  • 数字和小数的输入掩码

    在测试我的程序后 我发现了以下错误 我在 sqlserver 中的表包含 价格数字 6 2 我的程序的用户输入价格 555 00 就很好了 但是当他输入 555555 时 这是错误的 所以我需要指定掩码 其中尾数是可选的 0 到 999 小
  • jquery:选择xpath或将xpath转换为css?

    我需要基于 xpath 选择 或者将 xpath 转换为 css 有插件或者内置功能吗 ex html body div a 4 each 并非所有 xpath 表达式都可以转换为类似 CSS 的选择器 或者不能有效地工作 您可以使用 eq
  • Rails3/will_paginate/Ajax - 下一个/上一个链接无法正常工作(这是一个错误吗?)

    我正在遵循 使用ajax分页 http railscasts com episodes 174 pagination with ajax railscast 用于我的 Rails 3 应用程序 一切似乎都运行良好 除了上一个和下一个链接根本
  • JavaScript / jQuery 中的范围[重复]

    这个问题在这里已经有答案了 显然我写了太多的 CoffeeScript 因为我现在意识到我对纯 JS 中的作用域没有基本的了解 玩了一段时间后 我无法弄清楚以下问题 document ready function var myUrl htt
  • Yii 使用 ajax 进行分页

    我需要使用ajax启用分页 我的代码 控制器 更新内容ajax function actionIndex dataProvider new CActiveDataProvider News array pagination gt array
  • 使用 jquery 显示/隐藏特定类的内容

    我是 jquery 的新手 也许这是一个愚蠢的问题 但我几乎到处都在寻找答案 但没有找到 那么 我们开始吧 我想根据我在下拉表单中选择的选项来显示不同的内容 正如我在 StackOverflow 上了解到的 您可以使用更改函数来执行此操作
  • 如何绑定div宽度/高度来形成字段?

    我想创建多个div我可以移动和调整大小 并绑定它们width height等到数组中的对象 因此 如果我创建六个 div 我的数组中有六个对象 每个对象都有 width height etc 我不太明白如何使用 knockout js 将输
  • jquery datatable ajax 无数据可用 mvc

    我有一张桌子是在 document ready功能 我还使用 jQuery DataTables 插件 由于某种原因 当页面加载时 ajax 调用控制器并返回数据并将其设置为我的网格所有获取的数据 但是尽管所有数据都加载到数据表中 但仍获取
  • 选择变量的嵌套元素 - jQuery

    我希望将变量传递给函数并让函数选择该变量中的元素 我不熟悉这种情况的语法 但是有人可以建议吗 例如 当在容器内单击按钮时 我希望将该容器存储在变量中 好吧 我有那部分 但后来我希望选择该容器中的某个元素 例如 container div e
  • 解析“流”JSON

    我在浏览器中有一个网格 我想通过 JSON 将数据行发送到网格 但浏览器应该在接收到 JSON 时不断解析它 并在解析时将行添加到网格中 换句话说 在接收到整个 JSON 对象后 不应将行全部添加到网格中 应该在接收到行时将其添加到网格中
  • 使用模数按字母顺序对列表进行排序

    我在获取元素列表并按字母顺序对它们进行排序方面没有任何问题 但我很难理解如何使用模数来做到这一点 更新 这是按我的方式工作的代码 但是 我更喜欢下面提供的答案的可重用性 因此接受了该答案
  • 如何在 jQuery 中获取 ul 列表中 li 的第一个 href 链接

    我有以下清单 ul class tabs li a href testlink php First link a li li a href testlink2 php Second link a li ul 我想获取第一个链接的 href
  • 删除某个类之后的所有类

    我有一个 lt div id thisdiv class class1 class2 class3 class4 class5 gt text lt div gt 我需要能够使用 jQuery 删除 class3 之后的所有类 就像是 th
  • 文件上传控件 OnChange 事件 JQuery

    我正在尝试使用 AJAX JQUERY 和 Net HTTPHandler 构建页面来上传文件 如下所示http dotnet dzone com news async file upload jquery and http dotnet
  • 如何以编程方式处理 JqGrid 事件?

    我正在使用JqG rid 的 ASP NET 包装器 http www trirand net demoaspnet aspx 我想以编程方式连接一些网格的处理程序events http www trirand com jqgridwiki
  • 我可以使用 jQuery 打开下拉列表吗

    对于 HTML 中的下拉列表
  • 如何仅在最后一个
  • 处给出透明六边形角度?
  • 我必须制作这样的菜单 替代文本 http shup com Shup 330421 1104422739 My Desktop png http shup com Shup 330421 1104422739 My Desktop png
  • 为什么 jquery 没有检测到单选按钮未被选中的情况? [复制]

    这个问题在这里已经有答案了 可能的重复 JQuery radioButton change 在取消选择期间不会触发 https stackoverflow com questions 5176803 jquery radiobutton c

随机推荐

  • S3 上的静态网站,路由为 53 - 无法访问网站

    我在 S3 上托管了一个静态网站 并设置了合适的存储桶策略 在另一个选项卡中查看 端点 效果非常好 此后 我在路线 53 中创建了一个托管区域 为其提供了理想的人类可读地址 创建托管区域后 我新创建的托管区域中有两条记录 其中一条记录属于类
  • Django 根据子级过滤父级

    我有发票型号 class Invoice models Model name models ForeignKey Patient on delete models CASCADE 我有另一个发票金额模型 其中包含发票的 FK class I
  • Firebase 远程通知未收到?

    我尝试通过云消息从 Firebase 控制台发送远程通知 但我的手机没有收到任何警报 我已将证书上传到 Firebase 并且正在使用 Firebase 教程提供的默认代码来接收通知 Here is a picture of my cert
  • tkinter OptionMenu 问题(bug?):GUI 和程序值未保持同步(python 3.x)

    在某些情况下 下面的演示 OpenMenu 小部件上显示的值与程序使用的值不匹配 这会导致当用户期望选项 A 时执行选项 B 导致 WTF 用户的反应 不幸的是 OptionMenu 小部件没有我与其他小部件一起使用来轻松处理问题的 命令
  • 如何在 PostgreSQL 中获得随机笛卡尔积?

    我有两张桌子 custassets and tags 为了生成一些测试数据 我想做一个INSERT INTO一个多对多表SELECT从每个表中获取随机行 以便一个表中的随机主键与第二个表中的随机主键配对 令我惊讶的是 这并不像我最初想象的那
  • aframe 不渲染映射到画布的 Lottie json 纹理,但可以在 Three.js 中使用

    所以我基本上试图通过 aframe 将 json 渲染到画布上 你确实成功地将其映射到 Three js 中的画布上 但是当我尝试在 aframe 中复制它时 它只显示一个白色框架 它显示它在那里 但没有显示动画 无法在 aframe 中渲
  • C# SSIS 数据流组件 - 创建自定义输入列

    我正在尝试创建我的第一个数据流组件 该组件将获取输入地址 通过 PAF api 运行它 并从文件源或数据库表中吐出格式正确的地址和原始输入列 我需要以特定格式提供源输入地址 因此我需要用户将源输入列映射到特定的自定义输入列 我能够使用 in
  • Spring RabbitMQ 教程导致连接被拒绝错误

    我是一名经验丰富的 Java 程序员 并且是第一次尝试 Spring Rabbit MQ 我遵循了 messages rabbitMQ 教程exactly使用 Maven http spring io guides gs messaging
  • 在 Node.js 上强制使用 TLS 1.1 或更高版本

    我正在尝试创建一个使用 TLS 1 1 或更高版本的服务器 这是我当前的 TLS 配置 var options options key fs readFileSync privatekey pem options cert fs readF
  • 如何从旋转矩阵中删除轴?

    我有一个 opengl 任意旋转矩阵 想删除 X 和 Y 轴 只留下 Z 轴 这可能吗 有关如何做的任何指示吗 只是在这里大声思考 但是你不能使用矩阵来旋转像 1 0 0 这样的向量 然后执行 atan2 y x 看看它旋转了多少 然后构建
  • 删除 MySQL 中的重复行

    我有一个包含以下字段的表 id Unique url Unique title company site id 现在 我需要删除具有相同的行title company and site id 一种方法是使用以下 SQL 和脚本 PHP SE
  • 如何创建抑制错误和警告的宏?

    我想重新定义或覆盖其中的一些函数Base 而用户却没有注意到这一点 我不久前发现了这个技巧 original stderr STDERR redirect stderr code redirect stderr original stder
  • 如何从C:\Python37\Scripts创建类似于pip.exe、jupyter.exe等的.exe?

    为了要做pip or jupyter可通过 Windows 命令行获取无论当前工作目录如何只用pip or jupyter Windows上的Python好像用的是这个方法 put C Python37 Scripts在路径中 创建一个 1
  • 如何在 Ajax 后过滤结果上添加 Ajax 分页

    我正在开发一个带有分类过滤器的网站 我创建了这样的分类小部件 Tax A Tax B Tax C Tax D 并在下面放置一个应用过滤器 当我单击 应用过滤器 时 它将通过 Ajax 请求过滤帖子并在 HTML 上附加帖子 现在我想在过滤器
  • HTTP 状态代码 4xx 与 5xx

    我正在创建一个 REST API 发现在某些情况下很难选择要返回的正确 HTTP 状态代码 假设我期望某个值 当它不存在时 我无法执行特定任务并返回错误 由于缺少值 服务器无法处理该请求 但它是客户端发送的 格式良好但不完整 最好返回一个4
  • 是否可以修改非易失性变量,以便另一个线程能够“看到”更新?

    我有一个 Thread X 它读取非易失性每秒都有变量 这样做不需要任何同步手段 现在我想知道是否有某种方法可以修改 Thread Y 上的非易失性变量 以便 Thread Y 的写入 最终 在 Thread X 上可见 public cl
  • 获取因溢出而部分隐藏的 HTML 元素的完整高度:Hidden With JQuery / Javascript

    正如标题所示 如何使用 over hide 获取被容器 div 部分隐藏的元素的完整高度 几乎就好像它没有隐藏和可滚动一样 有任何想法吗 HTML div div Short ribs frankfurter jerky corned be
  • HTTP 415 无法处理消息,因为内容类型为“application/json;” charset=utf-8' 不是预期的类型 'text/xml;字符集=utf-8'

    我们有一个 Web 服务在 HTTPS 上运行良好 但在 HTTPS 上显示 HTTP 415 错误 因此 在 HTTP 下 我们可以毫无问题地发送和接收 JSON 的 POST 请求 当我们在 HTTPS 下尝试相同的操作时 我们收到错误
  • 任务栏通知发光

    我有一个 TCP 聊天应用程序 当新消息到达时 我想让任务栏发光 直到用户再次打开表单 以防它没有焦点 激活 我的意思的一个例子 http puu sh 4z01n png http puu sh 4z01n png 怎样才能让它像这样发光
  • 使用 Jquery 根据其内容隐藏

    我正在努力实现以下目标 某个页面会有一系列字符串 如果数据库内容存在 则将其替换为数据库内容 例如 h2 class label Title h2 p class value Title p 会成为 h2 class label Title