javascript - div の子要素の成長を停止するにはどうすればよいですか

Question

<div>複数の要素を持つ<img>要素があります。

ユーザーは<img>この要素にさらに要素を追加できますが、含まれる要素<div>の総数を 10 に制限したいと考えています。<img><div>

これを達成するために、10 番目の画像表示の後に来る画像を「なし」にするスクリプトを使用したいと考えています。誰でも私を助けることができますか？

score 1 · Accepted Answer

jquery countで要素をカウントできます。

そして、簡単です：

 if($("img").next('img').length > 10)
   next('img').hide();

score 0 · Accepted Answer

div の ID が「container」であることを考慮すると、次のように確認できます。

var container = document.getElementById("container");
if(container.getElementsByTagName("img").length < 10) {
    // allow appending new img
}

score 0 · Accepted Answer

div が 10 個の画像しか保持できないように正しいサイズでそれらを div に適合させ、それ以上収まらない場合は、div のスタイルに次のようなものを追加できます。

    width: widthOfFiveImages;
    height: heightOfTwoImages;
    overflow: hidden;

これにより、他のすべての画像が div 内に非表示になります。

score 0 · Accepted Answer

jQueryのgtセレクターを使用...

$('#yourdiv').find('img:gt(9)').hide();

5 に答える 5