1

我只需要从下面的内容中隐藏单词“QUICK”,而不需要调用任何类或标记中​​的更改。这在纯 CSS 中是不可能的,也许我们可以这样做 JavaScript / jQuery 并调用 QUICK 作为变量并使用 CSS 隐藏。我不擅长 Java 编码,所以有人可以帮忙吗?

例子:

<html>
<p>The quick brown fox jump over the lazy dog.</p>
<p>The quick brown fox is too hungry.</p>
<p>The poor quick brown fox is tired and thirsty.</p>
</html>

如果可能,请在 JSFiddle 中提供解决方案。提前致谢!

4

3 回答 3

6

查找所有出现的quick并将它们包装成一个特定元素(例如<del>)通过css隐藏

CSS

p del {
   display: none;
}

jQuery

$('p').each(function() {
   var $this = $(this);
   $this.html($this.text().replace(/\bquick\b/g, '<del>quick</del>'));
});

示例 jsbin:http: //jsbin.com/ogakit/1/

于 2013-03-12T12:46:12.223 回答
1

看看小提琴jsfiddle现在正在工作

$(document).ready(function(){
$('p').each(function () {
    var $this = $(this);
   $this.html($this.text().replace(/\bquick\b/g, '<span style="display:none">quick</span>'));
    });
});
于 2013-03-12T13:10:40.713 回答
0

我想这就是你想要的..!!

<!DOCTYPE html>
<html>
<body id ="demo">

<p>The quick brown fox jump over the lazy dog.</p>
<p>The quick brown fox is too hungry.</p>
<p>The poor quick brown fox is tired and thirsty.</p>


<button onclick="myFunction()">Try it</button>

<script>
function myFunction()
{
var str=document.getElementById("demo").innerHTML; 
var n=str.replace("quick","HIDDEN");
document.getElementById("demo").innerHTML=n;
}
</script>

</body>
</html>
于 2013-03-12T13:01:48.193 回答