找到图像的最后一个子元素

时间:2013-05-06 05:40:13

标签: jquery html

我在图像滑块div上有16张图像。我已经编写了代码来动态地在不同的类中添加img。现在我需要检查图像是否是最后一个,然后添加到最后一个类。

我编写此代码只是为了在用户点击最后一张图片时显示警告。

 if($(this).is('img:last'))
        {
       alert('last child');
        }
        else
        {
            alert("atleast Nooooooooooooooo");
        }

这不起作用。我创造了小提琴http://jsfiddle.net/EdGBH/9/ enter image description here

last-child属性正在小提琴中运行,但在我的滑块中它不起作用。请帮助。

谢谢和问候,

3 个答案:

答案 0 :(得分:5)

您的代码中存在一些问题:

  • 不包含jQuery库,您可以从jsFiddle

  • 的侧栏中选择
  • 您的代码末尾有多余的结束})

  • 要确定您的元素是否是最后一个孩子,您还可以使用:

    if($(this).is(':last-child')) 
    

<强> Updated Fiddle

答案 1 :(得分:0)

在JSFiddle中包含jQuery并在其开头添加$(document).ready(function(){后,我看不出任何问题......

<强> Here's what I've done.

答案 2 :(得分:0)

回答将类添加到最后一张幻灯片的初始问题

使用“:last-child”选择器获取滑块中的最后一个图像(img),然后在其上调用addClass,将类名“last”作为参数传递:

$("img:last-child").addClass("last");

http://jsfiddle.net/EdGBH/8/


不是说其他​​答案都很差或者说错了 - 它们是完全正确的,你一定要查看有关语法和代码质量的建议。