Выяснить JQuery селектор для изображения в ссылке в span в div

Question

У меня были проблемы с хэшированием селектора для изображения внутри этого беспорядка кода ниже. Первоначально думал, что $('img.gallery')[0]; будет работать, но это не .. также пытался $('img.advance-link') и $('.gallery').find(img)[0];

Спасибо за вашу помощь!

JS Fiddle: http://jsfiddle.net/danielredwood/UfGrM/

HTML:

<div class="gallery front">
    <span class="image-wrapper current">
        <a class="advance-link" rel="history" href="#1" title="Title #10">
            <img alt="Title #10" src="../img/10.jpeg">
        </a>
    </span>
</div>

Answer 1

$('.gallery .image-wrapper .advance-link img').css('border', '10px solid black');

Просто используйте его как селектор CSS.

Это читается как поиск для каждого изображения, содержащегося по предварительной ссылке, которая в свою очередь должна содержать упаковщик изображений, который должен бытьвнутри галереи .

Если вы хотите получить доступ к результату jQuery, учтите:

• result [0] даст вам узел DOM и никакой объект jQuery, поэтому результат[0] .attr ('href') будет ошибкой
• result.eq (0) даст вам объект jQuery, содержащий только первый результат, поэтому result.eq (0) .attr ('href') будет работать.

Answer 2

с этой конструкцией есть много возможностей доступа к изображению:

, которые варьируются от быстрого и простого

$('.advance-link>img')

до довольно сложного, но очень специфического (только для иллюстрации :))

$('div.gallery.front>span.image-wrapper.current>a.advance-link>img')

Answer 3

$("img:eq(0)").addClass("test");

Answer 4

$('img.gallery') у вашего изображения нет класса gallery, который есть у одного из его родителей. $('img.advance-link') ваше изображение не имеет класса advance-link, которого имеет его родитель.

Вам понадобится $('.gallery img') или $('.advance-link img').

Answer 5

$("div.gallery img") должно работать

Answer 6

$('.gallery img').addClass('test');