スキップしてメイン コンテンツに移動

jquery で 最初の5個の

を非表示にしたいのですが

 かしこまりました。jQueryで最初の5個の<p>を非表示にする方法は、以下のとおりです。

JavaScript
// 最初の5個の<p>要素を取得
var ps = $("p").slice(0, 5);

// 非表示にする
ps.hide();

このコードでは、まず$("p")ですべての<p>要素を取得します。次に、slice(0, 5)で最初の5個の要素を取得します。最後に、hide()メソッドで非表示にします。

もう少し簡潔に書く場合は、以下のとおりです。

JavaScript
$("p:lt(5)").hide();

このコードでは、$("p:lt(5)")で最初の5個の<p>要素を取得し、hide()メソッドで非表示にします。

どちらの方法でも、最初の5個の<p>要素が非表示になります。

具体的な例を挙げると、以下のHTMLがあるとします。

HTML
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
<p>6</p>

このHTMLに対して、上記のコードを使用した場合、以下のようになります。

HTML
<p style="display: none;">1</p>
<p style="display: none;">2</p>
<p style="display: none;">3</p>
<p style="display: none;">4</p>
<p style="display: none;">5</p>
<p>6</p>

最初の5個の<p>要素が非表示になり、6番目の<p>要素のみが表示されます。

コメント

このブログの人気の投稿

趣味はなんですか?

 最近、仲間に趣味はなんですかって聞かれたらどう答えますか? う~ん、そうね。パソコンですかね。(いかにもオタクっぽいイメージがありますね。^^;) それともデータ処理ですかね。(ちょっと硬いイメージですかね。>_< もうちょっとよく考えると、データ探しですかね。まあ、一般の人は聞いてもわからないでしょうけど。

自己流思い付き

 長年契約してきたさくらインターネットのVPSに稼働しているWordpressが何らかのものに削除されました。幸い残したいものはこのブログに移したので、あまり困ったことはありませんでした。もうVPSを解約しようと思いますが、今年の11月までの契約なので、正直って迷っております。  職場のホームページサーバがMacmini上のピュアDebianなので、実験台としてVPSを契約したのですが、もう実験しないし、解約してもよいだと思います。   このブログもこれをきっかけにタイトルを変えました。

余裕ですかね。

  いまの自分はやることが多いが、意外と慌てず一歩一歩現場と歩んでいき、地道にデータ入力から可視化までの利便性、完全性と正確性を追求する余裕が出ております。SpotfireというBIツールにハマり、人に使い方を教えながらもまたその恩恵を受けているといういい循環も大きいですね。大体自分のようなポストにいる人たちはあまりプログラムを書く余裕もないだが、自分は幸せのほうと思います。