Set attribute with the returned function value : attr « jQuery « JavaScript Tutorial






<html>
  <head>
    <script type='text/javascript' src='js/jquery-1.3.2.js'></script>
    <script type='text/javascript'>
$(document).ready(
  function() {
    $('li').attr(
      'id',
      function() {
        return 'tmp' + $(this).text();
      }
    );
  }
);
    </script>
    <style type='text/css'>

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
ul li {
    margin: 3px;
    padding: 3px;
}
li#tmpA {
    background: #d7b05b;
}
li#tmpB {
    background: #d3988a;
}
li#tmpC {
    background: #8ad3a6;
}
li#tmpD {
    background: #8aa9d3;
}
    </style>
  </head>
  <body>
     <ul>
        <li>A</li>
        <li>B</li>
        <li>C</li>
        <li>D</li>
     </ul>
  </body>
</html>








30.18.attr
30.18.1.Disable input control
30.18.2.Get attribute from tag
30.18.3.Get input control type
30.18.4.Set Image URL title alt
30.18.5.attr(key, fn)
30.18.6.Sets src attribute from title attribute on the image.
30.18.7.attr(key, value) set a single property to a value, on all matched elements.
30.18.8.Finds the title attribute of the first in the page.
30.18.9.attr(name): access a property on the first matched element.
30.18.10.Disable all form input controls
30.18.11.Add attribute and clear attribute
30.18.12.Set attribute with the returned function value