title: How can I change an attribute value for all list items?
body: <p>I have a simple structure like:</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;ul id="costsDropdown"&gt;
      &lt;li data-position="bla bla"&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>and I want to change each "data-position" attribute of my list Elements.</p>
  
  <p>My first <strong>Jquery</strong> Shot was this here:</p>
  
  <pre><code>$("#costsDropdown ul").each(function() {
      $("li").attr("data-position", "TEST-VALUE123");
  });
  </code></pre>
  
  <p>but it doesnt work, I think my selector are wrong... </p>
  
  <p>could anyone give me a hint please?</p>
  
  <p>Thanks for any help!</p>
  
  <p>Greetz</p>