Nie jestem pewien, czy sformułowałem to poprawnie. Ale mam dokument HTML podobny do tego.

<div id="intro_page" class="sub_page">

        <div class="sub_header"><img src="assets/img/intro_header.jpg" /></div>

        <div class="video_holder">
            <video class="video_player"></video>
        </div>

        <div class="page_text"><img src="" width="1020" /></div>


</div><!-- /intro_page -->

i

<div id="spark_page" class="sub_page car_page">

            <div class="sub_header"><img src="assets/img/header.jpg" /></div>

            <div class="video_holder">
                <video class="video_player"></video>
            </div>

            <ul class="car_story">
                <li data-text="story1_text"><img src="assets/img/story1_btn2.jpg" /></li>
                <li><img src="assets/img/story2_btn2.jpg" /></li>
                <li><img src="assets/img/story3_btn2.jpg" /></li>
            </ul>


            <div class="page_text"><img src="" width="1020" /></div>

</div><!-- /spark_page -->

Próbuję wycelowaćpage_text div, jeśli ktoś kliknie nacar_story li. Ale ponieważ istnieją dwa divy, które mająpage_text, Nie wiem, jak kierować do tego, który jest w tym samym div div, cocar_story ul. Mam nadzieję, że to ma sens. Dzięki!

Próbowałem podobnych rzeczy, ale bez powodzenia.

$(".car_story li").click(function() {

    $(this).parent().find(".page_text img").attr("src","newimage.jpg");

});