mkn*_*yab 1 html javascript css jquery
我需要在下面的内容中隐藏"QUICK"字样而不调用Markup中的任何类或更改.在纯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>
Run Code Online (Sandbox Code Playgroud)
如果可能的话,请在JSFiddle中提供解决方案.提前致谢!
找到所有出现的quick并将它们包装在一个特定的元素(例如<del>)通过css隐藏
CSS
p del {
display: none;
}
Run Code Online (Sandbox Code Playgroud)
jQuery的
$('p').each(function() {
var $this = $(this);
$this.html($this.text().replace(/\bquick\b/g, '<del>quick</del>'));
});
Run Code Online (Sandbox Code Playgroud)
示例jsbin:http://jsbin.com/ogakit/1/
| 归档时间: |
|
| 查看次数: |
9725 次 |
| 最近记录: |