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"});