替换特定类声明中的字符 - javascript

我试图将同位素与CuteNews系统结合使用,并且要使过滤工作正常,我需要在每个同位素项目的类声明中打印一些标识符。
Link to Isotope

在CuteNews中,我的新闻项可以分配有多个类别,因此当我在HTML中加载它们时,它们可能属于例如“本地”和“食品”同时显示,例如类别编号1和5。在CuteNews中,我可以将类别提取并扔到HTML中的唯一方法是使用将所有类别打印为字符串的函数,如果类别为1,则显示为“ 1、2、5、21” 2、5和21。现在,如果我需要将其添加为同位素类,那就不好了,因为这会产生

<div class="isotope-item 1,2,5,21">...content...</div>

所以我需要某种方式将上面的内容(现在就是我现在的HTML中的内容)转换成

<div class="isotope-item cat1 cat2 cat5 cat21">...content...</div>

这样我可以将同位素过滤应用于例如所有带有cat1的类,依此类推。

如我所见,我需要去除逗号,这可以使用像jQuery find and replace string这样的JS轻松完成。但是我不想替换整个页面上的所有逗号!

如何只定位class =“ isotope-item” DIV中的内容,并在每个数字前添加“ cat”,然后用空格替换逗号?

参考方案

你可以做一个替换

var els = document.getElementsByClassName('isotope-item'),
    el, array;
for (var i = 0; i < els.length; i++) {
    el = els[i];
    el.className = el.className.replace(/(\d+)(,|$|\s)/g, function (all, value) {
        return 'cat' + value + ' '
    })
}

演示:Fiddle

如果我得到url(''),我该如何使用另一个URL - javascript

我是新手,正在写这篇文章,但是如果源上没有图像,那么我只有空白。有人可以告诉我,如果我正在获取背景图像,如何获取/images/no-image.jpg:url();这是我的代码:<div class="uk-clearfix uk-position-relative"> <div class="recipeb…

html onClick打开url存储在php变量中 - javascript

以下是我的代码,正在获取Uncaught SyntaxError: Unexpected token },但是我的代码中没有看到任何}。 window.open期望用引号引起来的url,我尝试了单引号和双引号的不同组合,但不起作用并且也无法在echo中转义双引号。请帮助谢谢..<?php $a = "https://www.google.co…

如何安全地将数据从php表单传递到html - javascript

我有一个html格式的登录系统,我需要将用户名和密码发送回php后端,在那里我可以安全地对其进行加密并将其存储在数据库中。我想知道什么是最新和最安全的方法。请记住,这是密码的准系统字符串形式,请务必谨慎以最安全的方式将其返回。我知道$ _GET和$ _POST是非常不安全的。我是否在将javascript数据发送回服务器之前对其进行加密,因此将javascr…

PHP Javascript更改浏览器后退按钮行为Laravel - javascript

我知道有各种各样的线程要求几乎相同的要求,但似乎没有一个真正满足我的需求。在我的网站上,我实现了搜索表单。一个简单的表单,其中包含一个名为searchQuery的输入字段和一个提交按钮。表单通过POST方法发送。我正在使用Laravel btw。。然后将搜索结果从控制器加载到视图中。这些在表中显示。现在来了有趣的部分:找到的元素是可单击的,并且您进入有关该元…

Javascript-从当前网址中删除查询字符串 - javascript

单击提交按钮后,我需要从网址中删除查询字符串值。我可以用jQuery做到这一点吗?当前网址:siteUrl/page.php?key=value 页面提交后:siteUrl/page.php 实际上,我已经从另一个带有查询字符串的页面着陆到当前页面。我需要在页面首次加载时查询字符串值以预填充一些详细信息。但是,一旦我提交了表格,我就需要删除查询字符串值。我已…