サポート » 使い方全般 » 要素が空の際に親要素を削除したい

  • 解決済 Replicocko

    (@replicocko)


    簡易ですが以下の様なコーディングをしています。

    <div class="post">
        <h1 class="post-title">タイトル</h1>
        <div class="post-content">本文</div>
        <div class="post-meta">
            <p>カテゴリ</p>
            <p>タグ</p>
            <p>投稿日</p>
        </div>
    </div>
    .post-meta {
        padding: 20px;
    }

    .post-meta内のp要素の項目は、表示するかしないかをテーマセッティングから変更できるようになっています。
    全ての項目(カテゴリ&タグ&投稿日)を非表示にした場合、padding: 20px;だけが反映されて不要な空欄が出来てしまいますので、これを消したいのがこのトピックの内容になります。

    jqueryで$("post-meta:empty").remove();を試してみたのですが消えてくれませんでした。
    他に良い手段などありましたらご教授頂ければ幸いです。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • こんにちわ、Replicocko さん。

    .post-meta内のp要素の項目は、表示するかしないかをテーマセッティングから変更できるようになっています。

    とのことですので、<div class="post-meta"> 自体が表示されないように PHP の if 文を書く。ではダメでしょうか?

    トピック投稿者 Replicocko

    (@replicocko)

    KUCKLUさん

    ありがとうございます。
    至極単純なことでしたね…。その方法で対応させて頂きました。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「要素が空の際に親要素を削除したい」には新たに返信することはできません。