0

こんにちはいくつかの解決策を探しましたが、JSは私の専門ではないので苦労しています!

現在、空で非表示の div があります (生成されますが、BigCommerce によって生成されたページ)。これは空の div ですが、クラスがあり、「スタイル表示: なし」で非表示になっています。

私が試してやりたいことは次のとおりです。

  1. 名前付きの div に display none のスタイルがあるかどうかを確認します。
  2. 上記の場合は、div に何も含まれていないかどうかを確認します (空の文字列ですが、空白の可能性があるため確認する必要があります)。
  3. 上記の 2 つが当てはまる場合は、div 内に簡単なテキストを追加し、スタイルを表示に変更します (または表示なしを削除します)。

div の display: none スタイルはインラインです。

誰かが助けてくれるなら、前もって感謝します。

4

2 に答える 2

2

コードを提供していないので、いくつかの仮定をします（jQueryを使用していない、スタイルはインラインです）が、次のようなものが必要です...

    <div id="myDiv" style="display:none"></div>
    <script>

    var theDiv = document.getElementById("myDiv");

    if(theDiv.style.display == "none" && theDiv.innerHTML.length == 0){
        theDiv.innerHTML = "Some sample content";
        theDiv.style.display="inline";
    }

  </script>

将来的には、すでに作成したものを追加するのが最善です。そうでない場合は、「誰かが私のためにこれを行ってくれませんか」という質問を言い換える必要があります。

于 2012-05-21T10:28:25.180 に答える
0

jQueryに精通している場合。div に ID 'myDiv' を追加し、以下を使用します。

var contents = $('#myDiv').text();
contents =$.trim(contents);

if($('#myDiv').is(":hidden") && contents == ''){

    $('#myDiv').html('Here are new contents').show();

}
于 2012-05-21T10:26:35.483 に答える