2017-01-24 5 views
0

Попытка изменить img src с помощью Jquery в data-other-src. Не можем ли мы реализовать с .not()?JQuery .not() изменить изображение src - data-other-src

Jquery:

$('.listItem').not(this).attr({src:$(this).attr("data-other-src")}); 

HTML (есть многочисленные ссылки):

<a href="#" class="listItem"><img src="../img/updown.png" class="previewImg" data-other-src="../img/here.png"/></a> 
+0

Что такое 'this' в этом контексте? –

+0

это относится к элементу listItem из события щелчка –

+2

. Затем укажите весь ваш код. и почему вы нацеливаете '.listItem' (' a') на установку атрибута 'src'. вы хотите вместо этого нажать «.listItem img»? –

ответ

1

В src и data-other-src атрибуты находятся на img, а не .listItem, поэтому для доступа к img вам необходимо использовать .child().

$('.listItem').not(this).children("img").attr('src', $(this).children("img").data("other-src")); 
0

Попробуйте следующее, посылая надлежащего JQuery объекта в not()

$('.listItem').not($(this)).attr('src' ,$(this).attr("data-other-src")); 
+0

[documentation] (http://api.jquery.com/not/) говорит, что аргумент может быть либо объектом jQuery, либо элементом DOM. Поэтому 'this' должен работать так же, как' $ (this) '. – Barmar

+0

Вы правы, я всегда использовал объект jQuery. Спасибо –

+0

Эти обе работают. Спасибо, парни. Я скучаю по этому. –