Исправление ошибки Jquery-CSS

Question

У меня есть следующая структура HTML:

<ul>
    <li><a href><img src/></a></li>
    <li><a href><img src/></a></li>
    <li><a href><img src/></a></li>
</ul>

Из-за исправления некоторой ошибки CSS мне нужно знать, какая из этих ссылок на изображения "мышеловка" Затем в скрипте Jquery мне нужен селектор, который выглядит как

$('a img').mouseover(function(){
var imgElement = $(this);
if ('a img[3]') { // if the hovered link is the third
imgElement.animate({
                width: "315px",
                height: "225px",
                marginLeft: "-150px"
            }, 1500 );

Вопрос в том, как получить в этом случае второе или третье «img».

Answer 1

Попробуйте это

$('a img').each(function(i){
 $(this).mouseover(function(){
    if (i == 2) { // if the hovered link is the third
      $(this).animate({
                width: "315px",
                height: "225px",
                marginLeft: "-150px"
            }, 1500 );
     }
  });
});

Answer 2

попробуйте http://jsfiddle.net/pxfunc/M2KAF/

var $imgs = $('a img');
$imgs.mouseover(function() {
    var $that = $(this);
    if ($imgs.index($that) === 2) { // if the hovered link is the third
        $that.animate({
            width: "315px",
            height: "225px",
            marginLeft: "-150px"
        }, 1500);
    }
});

Answer 3

Я не уверен, что правильно следую за вами.Если вы хотите третий <li> <img>, вы можете просто использовать $('ul li:eq(2) a img').

Answer 4

Я бы использовал j-й дочерний селектор jquery http://api.jquery.com/nth-child-selector/