元の質問
標的
jQuery を使用して、.intro-portfolioクラスを持つすべての要素を取得します。""要素が最初の要素でない場合は、 (nothing、空白、null バイト)に置き換えます。
私がしたこと
いろいろと調べてみると、これらの 質問が見つかり、自分の状況に当てはめてみました。簡略化されたコードは次のとおりです。
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
$(document).ready(function() {
$(".intro-portfolio:not(:first-child)").each(function() {
$(this).repalceWith("");
});
});
</script>
<body>
<p>Test this is the control</p>
<p class="filter">This is the first</p>
<p class="filter">Second</p>
<p class="filter">Third</p>
</body>
</html>
もちろん、これは機能しません (私が javascript/jQuery の開発者ではないことがわかりますか? そこで壊れている構文規則にうんざりしているに違いありません)。
これをどのように実装しますか？
環境
Tumblrのテーマ - 質問には関係ありませんが、クラスが適用される要素がわからない理由を説明していimgますiframe.
アップデート
答えてくれたみんな、本当にありがとう！明らかに、このような単純な質問には 1 つの実際の方法しかありませんが、すべての回答に感謝します! すべてに賛成票を投じます。
更新 1:解決策を試してみると、要素が表示から削除されている間、要素がまだ読み込まれていることがわかりました。
これが私の実装です：
<html>
<head>
...
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
...
/* Remove HTML for all but first portfolio on home page */
$(".intro-portfolio").slice(1).remove();
</script>
</head>
<body>
...
</body>
</html>
しかし、ソースを表示すると、要素はまだ存在しています。ドキュメント ページの 3 番目のコードの抜粋が言っているのは、要素をロードしたり、存在させたりしてはならないということではありませんか?
実際の完全なコードについては、開発サイトをご覧ください。