title: Change/Add the child of child's element <a>'s target attribute via jQuery
body: <p>I have a <code>&lt;div&gt;</code> like below </p>
  
  <pre><code>&lt;div class="divClass"&gt;
  &lt;ul class="ulClass"&gt;
      &lt;li id="liID" class="liClass"&gt;
          &lt;a href="myLink"&gt;
          &lt;span class="spanClass"&gt;myText&lt;/span&gt;
          &lt;/a&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Now I want to write a jQuery script to read the <code>&lt;a&gt;</code> element and set the value of target attribute to <code>_blank</code>. </p>
  
  <p>I went through <a href="https://stackoverflow.com/questions/7204209/jquery-change-atributes-of-child-elements">JQuery change atributes of child elements</a> and got a script. But, it gave me a script like below</p>
  
  <pre><code>$('.divClass').click(function(e){
  
  $(this).find('.aclass').text("yeeee");
  $(this).find('.imgclass').attr("src", "remove_favorit.png");
  
  e.preventDefault(); 
  
  });
  </code></pre>
  
  <p>What I actually want is iterate through <code>&lt;div&gt;</code>, <code>&lt;ul&gt;</code>, <code>&lt;li&gt;</code> and then reach out to the <code>&lt;a&gt;</code> in it and set the <code>target</code>. How can I do this?</p>
  
  <p>I also went through <a href="https://stackoverflow.com/questions/4740297/jquery-get-attribute-of-child-element">Get attribute of child element</a></p>