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

css で非表示になっている特定の要素 (例: )をすべて見つけてquickラップします。<del>

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 に答える