jQuery Find Div within Parent
<p>I'm not sure I worded this correctly. But I have an HTML document setup something similar to this.</p>

<pre><code>&lt;div id="intro_page" class="sub_page"&gt;

        &lt;div class="sub_header"&gt;&lt;img src="assets/img/intro_header.jpg" /&gt;&lt;/div&gt;

        &lt;div class="video_holder"&gt;
            &lt;video class="video_player"&gt;&lt;/video&gt;
        &lt;/div&gt;

        &lt;div class="page_text"&gt;&lt;img src="" width="1020" /&gt;&lt;/div&gt;


&lt;/div&gt;&lt;!-- /intro_page --&gt;
</code></pre>

<p>and </p>

<pre><code>&lt;div id="spark_page" class="sub_page car_page"&gt;

            &lt;div class="sub_header"&gt;&lt;img src="assets/img/header.jpg" /&gt;&lt;/div&gt;

            &lt;div class="video_holder"&gt;
                &lt;video class="video_player"&gt;&lt;/video&gt;
            &lt;/div&gt;

            &lt;ul class="car_story"&gt;
                &lt;li data-text="story1_text"&gt;&lt;img src="assets/img/story1_btn2.jpg" /&gt;&lt;/li&gt;
                &lt;li&gt;&lt;img src="assets/img/story2_btn2.jpg" /&gt;&lt;/li&gt;
                &lt;li&gt;&lt;img src="assets/img/story3_btn2.jpg" /&gt;&lt;/li&gt;
            &lt;/ul&gt;


            &lt;div class="page_text"&gt;&lt;img src="" width="1020" /&gt;&lt;/div&gt;

&lt;/div&gt;&lt;!-- /spark_page --&gt;
</code></pre>

<p>I'm trying to target the <code>page_text</code> div if someone clicks on a <code>car_story li</code>. But because there are two divs that have <code>page_text</code>, I don't know how to target the one which is in the same parent div as the <code>car_story ul</code>. Hope this makes sense. Thanks!</p>

<p>I've tried things similar to this, but with no luck.</p>

<pre><code>$(".car_story li").click(function() {

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

});
</code></pre>
