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

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