-3 
<div id="images">

                    <a href="resources/certified_training/1.png" rel="shadowbox[certifiedtraining];width=510;height=372">Image -1</a>
                    <a href="resources/certified_training/2.png" rel="shadowbox[certifiedtraining];width=510;height=372">Image -2</a>
                    <a href="resources/certified_training/3.png" rel="shadowbox[certifiedtraining];width=510;height=372">Image -3</a>
                    <a href="resources/certified_training/4.png" rel="shadowbox[certifiedtraining];width=510;height=372">Image -4</a>
                    <a href="resources/certified_training/5.png" rel="shadowbox[certifiedtraining];width=510;height=372">Image -5</a>


                </div>

このdivにある画像の数を取得したい。それらは 5 であり、javascript または jquery で読みたい.. どうすればよいですか????

4

7 に答える 7

1

条件を使用して.has()、要素に要素が含まれているかどうかを確認し<img>ます。

$(function() {
    var imgCount = $("#images a").has("img").length;
});

ただし、それぞれ<a>に複数の画像が含まれている可能性がある場合は、代わりにこれを使用する必要があります。

$("#images a img").length

p/s: OP がタグ<img>内にネストすることを前提として、私の答えは次のようになります。<a>

<a href="resources/certified_training/2.png" rel="shadowbox[certifiedtraining];width=510;height=372"><img /></a>

OPがリンクされた画像の数を数えることに言及している場合、彼は次を使用できます。

$("a[href*='png']").length
于 2013-10-28T12:54:56.227 に答える
1

これはJavascriptのみのソリューションです。

alert(document.getElementsByTagName('a').length);
                    OR
console.log(document.getElementsByTagName('a').length);
于 2013-10-28T13:00:36.723 に答える
1

物件をご確認いただけlengthます。セレクターを渡すこともできます.children()

$("#images").children().length

また

$("#images").children('a').length

また

$("#images a").length

デモ

于 2013-10-28T12:53:34.123 に答える
0

あなたが使用することができます

$('#images a[rel^="shadowbox[certifiedtraining]"]').length // 5

これにより、属性が で始まる<a>要素のみが選択されます。たとえば、次の HTML があるとします。rel"shadowbox[certifiedtraining]"

<div id="images">
                <a href="http://google.com">google</a><br/>
                <a href="http://stackoverflow.com">Stack Overflow</a><br/>

                <a href="resources/certified_training/1.png" rel="shadowbox[certifiedtraining];width=510;height=372">Image -1</a>
                <a href="resources/certified_training/2.png" rel="shadowbox[certifiedtraining];width=510;height=372">Image -2</a>
                <a href="resources/certified_training/3.png" rel="shadowbox[certifiedtraining];width=510;height=372">Image -3</a>
                <a href="resources/certified_training/4.png" rel="shadowbox[certifiedtraining];width=510;height=372">Image -4</a>
                <a href="resources/certified_training/5.png" rel="shadowbox[certifiedtraining];width=510;height=372">Image -5</a>


            </div>

そこには5つのシャドウボックス画像しかないため、5つしか返されません。

JSFiddle

于 2013-10-28T12:54:59.097 に答える
0

jQuery セレクションの要素数をカウントするには、 を使用しますlength。

$('#images a').length
于 2013-10-28T12:53:26.053 に答える
0

これを試して：

  alert($("#images a").length);

または、

 alert($("#images").children("a").length);
于 2013-10-28T12:53:53.127 に答える