Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

By: a guest on Jul 22nd, 2012  |  syntax: None  |  size: 1.16 KB  |  hits: 13  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. How to loop through LI items in UL, get specific attributes, and pass them via $.ajax data
  2. <ul id="gallery">
  3.     <li id="attachment-32" class="featured"><a href="..." title=""><img src="..." alt="" /></a></li>
  4.     <li id="attachment-34"><a href="..." title=""><img src="..." alt="" /></a></li>
  5.     <li id="attachment-38"><a href="..." title=""><img src="..." alt="" /></a></li>
  6.     <li id="attachment-64"><a href="..." title=""><img src="..." alt="" /></a></li>
  7.     <li id="attachment-75"><a href="..." title=""><img src="..." alt="" /></a></li>
  8.     <li></li>
  9. </ul>
  10.        
  11. $.ajax({
  12.     url: '/ajax/upload.php',
  13.         type: 'POST',
  14.     data: { ... },
  15.         success: function(data){
  16.         }
  17. });
  18.        
  19. var ids = $("#gallery li").map(function () {
  20.     return this.id.split("-")[1];
  21. }).get().join(",");
  22.        
  23. $.ajax({
  24.     url: '/ajax/upload.php',
  25.     type: 'POST',
  26.     data: { ids: ids },
  27.     success: function(data) {
  28.  
  29.     }
  30. });
  31.        
  32. var val = new Array();
  33. $('#gallery li').each(function(){
  34.     val.push($(this).attr('id'));
  35. });
  36. document.write(val);
  37.        
  38. $.ajax({
  39.     url: '/ajax/upload.php',
  40.         type: 'POST',
  41.     data: { attached : val },
  42.         success: function(data){
  43.         }
  44. });