title: Chain of selectors
body: <p>Basically, I have to change a part of the page using jquery, but given the format of the page, I'm extremely confused as to what the chain of selectors has to be.</p>
  
  <pre><code>&lt;span class="foo1"&gt;
   &lt;span class="intro"&gt;&lt;span class="bar"&gt;data I need to change&lt;/span&gt;&lt;/1&gt;
   &lt;span&gt;...&lt;/span&gt;
   &lt;div class="body"&gt;This is the only place I can write code on the page&lt;/div&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>How can I change the data I need to change in using jquery? I don't have server access, obviously.</p>
  
  <p>The code MUST start with $(this), because that 1 in foo is always a random number, and I can't guess it. The code must work for all posts, based on the post the code is in.</p>
  
  <p>If I could use normal nesting, I would.<br>The code must look something like<br>
      $(this).sibling('.intro').child('.bar').text('bar');</p>