JQuery селектор: ссылочный класс внутри, где я нажал:

Question

У меня есть этот HTML:

<div class="title"><img class="arrow" src="rightarrow.gif" />Title</div>

У меня есть событие клика:

    $(document).ready(function () {
        $('.title').live('click', function () {

            //NEED SOMETHING HERE TO CHANGE SOURCE                 
            $(".arrow").attr("src", "downarrow.gif");
        });
    });

как видите, я хочу изменить атрибут src изображения. Мой селектор выше работает, но на странице есть другие элементы с class = "arrow", поэтому мне нужно просто выбрать этот экземпляр.

Answer 1

Используйте .find(), чтобы ограничить селектор только поиском элементов, содержащихся в элементе, по которому щелкнули (представлен $(this)):

$(document).ready(function() {
    $('.title').live('click', function() {
        $(this).find('.arrow').attr('src', 'downarrow.gif');
    });
});

Answer 2

Заменить на это:

$(".arrow").attr({"src": "downarrow.gif"});