-5

ポストマークアップの例がいくつかあります。

<article class="post">
    <p>Some text.</p>
    <p>
        <a href="#"><img src="#"></a>
        <a href="#"><img src="#"></a>
        <a href="#"><img src="#"></a> <!-- TARGET ME (LAST) -->
    </p>
    <p>Some text. Some more text <a href="#">with link</a></p>
    <p>
        <a href="#"><img src="#"></a> <!-- TARGET ME (LAST) -->
    </p>
    <p>Some text. Some more text <a href="#">with link</a></p>
</article>

上記のフィドルはここで見ることができます：http：//jsfiddle.net/alecrust/4TCyM/

質問：このマークアップを変更せずに、各セットの最後の画像（HTMLコメントで表示）をターゲットにするにはどうすればよいですか？

CSSソリューションが思いつかないので、JavaScriptが必要になると思います。img:last-child上記のマークアップのすべての画像を対象としているため、使用できません。a:last-child img上記のマークアップでは対象外となるため、使用できません。

4

5 に答える 5

1

これは、jQuery のfind()を使用して実行します。

​$(".post p").find("img:last")​​

または、それらがタグ内にあることを確認する必要がある場合は、次のaことができます。

$(".post p").find("a img:last")

また、再確認しただけで、オリジナルも機能します。

$("a:last-child img");

デモ

于 2012-10-03T22:23:56.267 に答える
0

$('a:last-child').children('img')トリックを行う必要があります。>各セットの最後のアンカーを見つけてから、 、.children()、またはで img タグにドリルダウンします.find()。

于 2012-10-03T22:22:47.743 に答える
0

使用してください:last-of-type！

p img:last-of-type { ... }

または:last-child、画像ではなくアンカーで使用します。

p a:last-child img { ... }

JS は必要ありません ;)

于 2012-10-03T22:23:21.863 に答える
0 
​$​("a:last-child").has("img").css("background", "red");​​​​​​​​​​​​​​

http://jsfiddle.net/4TCyM/1/

于 2012-10-03T22:23:35.570 に答える
0 
$( "article.post p a:last-child img" )

http://jsfiddle.net/kboucher/fUfmY/

于 2012-10-03T22:25:14.693 に答える