javascript - imgへのアクセス方法

Question

<li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-1 jcarousel-item-1-horizontal" 
    style="float: left; list-style: none; width: 139px; " jcarouselindex="1">
    <a target="_parent" href="/index.php?option=com_community&amp;view=profile">
    <img class="cloudcarousel" src="http://jomsocial.projectstatus.in//landing-page/images/slide_001.png" alt="">
    </a>
</li>

<li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-2 jcarousel-item-2-horizontal"
    style="float: left; list-style: none; width: 139px; " jcarouselindex="2"> 
    <a href="#"><img class="cloudcarousel" src="http://jomsocial.projectstatus.in//landing-page/images/slide_002.png" alt="">
    </a>
</li>

JQuery で 2 つの画像にアクセスしたいと考えています。それらにどうやってアクセスするのだろうか。例えば

(.jcarousel-item jcarousel-item-horizontal jcarousel-item-1 jcarousel-item-1-horizontal img).roate()

それは機能しますか？

Answer 1

$(".cloudcarousel");

これにより、両方の画像が取得されます。それぞれ<img>に CSS クラスcloudcarouselがあるため、上記は両方を選択します。画像であることをより具体的にしたい場合は、次を使用します。

$("img.cloudcarousel");

それらが<img>要素であることを保証します。

Answer 2

画像を取得できる<li>クラス名を持つ相対的な要素：.jcarousel-item

$(".jcarousel-item img")

クラス名.jcarousel-item-1を使用してリストから画像にアクセスするには、.jcarousel-item-2次を使用できます。

$(".jcarousel-item-1 img, .jcarousel-item-2 img")

または、最初の例で説明したように個別に:

$(".jcarousel-item-1 img")
$(".jcarousel-item-2 img")

Answer 3

これもうまくいくはずです。

$(".cloudcarousel");