サイトで作業していて、問題が発生しました。1 つの画像が存在する場合、他の DIV は非表示にする必要があります。
5 つの画像がすべて存在する場合、DIV は非表示にしないでください。
存在する画像が 5 つ未満の場合、残りの DIV は非表示にする必要があります。
私はjqueryの専門家ではないので、そうできる短いjqueryスニペットを探しています。
ここにhtmlがあります。
<div class="screenshoto">
<div id="scr"><a href="{$screenshot_1}"><img title="{$p_name} {$p_vers} screenshot" alt="{$p_name} {$p_vers} screenshot" style="max-width:615px;" src="{$screenshot_1}"></a></div> </br>
<div id="scr"><a href="{$screenshot_2}"><img title="{$p_name} {$p_vers} screenshot" alt="{$p_name} {$p_vers} screenshot" style="max-width:615px;" src="{$screenshot_2}"></a></div> </br>
<div id="scr"><a href="{$screenshot_3}"><img title="{$p_name} {$p_vers} screenshot" alt="{$p_name} {$p_vers} screenshot" style="max-width:615px;" src="{$screenshot_3}"></a></div> </br>
<div id="scr"><a href="{$screenshot_4}"><img title="{$p_name} {$p_vers} screenshot" alt="{$p_name} {$p_vers} screenshot" style="max-width:615px;" src="{$screenshot_4}"></a></div> </br>
<div id="scr"><a href="{$screenshot_5}"><img title="{$p_name} {$p_vers} screenshot" alt="{$p_name} {$p_vers} screenshot" style="max-width:615px;" src="{$screenshot_5}"></a></div> </br>
</div>
Stack Overflow を検索しましたが、関連する (画像が存在しないかどうかを確認してから div を非表示にする) スニペットが見つかり、機能しませんでした。
私のhtmlに関して作業コードを手伝ってくれる人がいますか。ありがとう。