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>

I want to access two images in JQuery.
I wonder how to access them.
For example

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

dose it work?

Answer 1

Relatively <li> element with class name .jcarousel-item you can get image with:

$(".jcarousel-item img")

In order to access images from lists with class names .jcarousel-item-1 and .jcarousel-item-2 only you can use:

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

Or separately as described in the first example:

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