javascript - div 内の 2 番目の p タグを非表示にする JavaScript

Question

こんにちは。div 内の 2 番目の p タグを非表示にするための小さな JavaScript を使用しています。onload (または何でも) ビットも含めることができれば、それは素晴らしいことです。ありがとう。

私はこれを試しました：

$(document).ready(function(){ .CategoryDescription document.ElementById(".CategoryDescription p:second-child").style.visibility = "hidden"; }); });

と

$('.CategoryDescription>div>p>p').first().css(styles go here)

しかし、どちらも機能していないようです。

Answer 1

jQueryで

$(document).ready(function() {
    $(".CategoryDescription p:eq(1)").hide();
});

</p>

Answer 2

p:nth-of-type(2){
    display:none;
}

java-script ではありませんが、javascript でもほぼ同様の効果が得られます。

編集:または、使用している場合は古いブラウザーで動作するよう<!DOCTYPE>に、div>p:first-child+p

例