jquery - クラス名にダッシュが付いたdivのjQueryセレクター?

Question

要素内のすべての img を参照しようとしています。以下の私の例を参照してください。

<div class="entry">
    <div class="entry-content">
        <p><img src="something.jpg" /></p>
    </div>
</div>

上記で、私は使用しています$(".entry > .entry-content > p > img")が、動作していないようです。ダッシュが付いているクラス名にセレクターを使用する正しい方法は何ですか?

score 2 · Accepted Answer

あなたのセレクターは正しいです。ここで動作しているバージョンを確認してください: http://jsfiddle.net/yrTg3/1/

なぜそうしているのかわかりませんが、これはうまくいきます：

alert("see here ==> " + $("div.entry > div.entry-content > p > img").attr("src"));

または

画像に attr 'class' を渡し、.each関数を使用して反復処理を行ってみてください。

score 0 · Accepted Answer

You can just use this:

$('.entry-content img')

You don't need to worry about the dash or anything.

You might want to change the last </div? to look like this: </div>

score 0 · Accepted Answer

これは正常に動作するはずですが、最後</div>は . ではなく疑問符で閉じられます>。多分それが問題です。

score 0 · Accepted Answer

あなたのセレクターは問題なく、私にとってはうまく機能しています

このフィドルをチェックしてください

4 に答える 4