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中访问两个图像。我想知道如何访问它们。例如

(.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");

如何访问img

3 个答案: