title: Get text and use for aria-label on each
body: <p>I want to get the text from each a.parent_link and apply it as an aria-label on each corresponding toggle button (button.sub-expand_collapse). The final result I want is if aria-expanded = true add aria-label= close + (text) and if aria-expanded = false add aria-label= expand + (text).</p>
  
  <p>The first part gives me the text</p>
  
  <pre><code>$(".togSubList").each(function () {
          var bob = $(this).find(".parent_link").text();
          console.log(bob);
      });
  </code></pre>
  
  <p>But I can't get each one to add a the aria-label.</p>
  
  <pre><code>     $(".togSubList").each(function () {
          var bob = $(this).find(".parent_link").text();
          //console.log(bob);
          $(".sub-expand_collapse").each(function(){
              $(this).attr("aria-label","expand " + bob)
          }); 
      });
  </code></pre>
  
  <p>HTML        </p>
  
  <pre><code>   &lt;li class="sub_p01 togSubList"&gt;
  
          &lt;button class="sub-expand_collapse" aria-expanded="false"&gt;
              &lt;i class="fa fa-plus" aria-hidden="true"&gt;&lt;/i&gt;
          &lt;/button&gt;
  
          &lt;a id="subLnk_01" class="parent_link menu_p01" href="m01_c01_p01.html"&gt;&lt;strong&gt;Space saving widgets&lt;/strong&gt;&lt;/a&gt; 
          &lt;ul aria-labelledby="subLnk_01" class="sub_items"&gt;
              list of links
          &lt;/ul&gt;
      &lt;/li&gt;
  </code></pre>