Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
1.3k views
in Technique[技术] by (71.8m points)

jquery selector: reference class inside of where i clicked:

i have this html:

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

i have this click event:

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

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

as you can see i want to change the src attribute of the image. my selector above works, but there are other items on the page with class ="arrow", so i need a way to just select this one instance.

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

Use .find() to constrain the selector to only find elements contained within the element that was clicked (represented by $(this)):

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

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...