How to loop through LI items in UL, get specific attributes, and pass them via $.ajax data

Question

Here is my HTML code: ```

``` Here is my sample ajax request: ``` $.ajax({ url: '/ajax/upload.php', type: 'POST', data: { ... }, success: function(data){ } }); ``` Here is what I want to achieve. How to get the attachment number in ID attribute for every LI inside the gallery UL only when an ID attr is there and pass them via ajax data in this way: `{ attached : '32,34,38,64,75' }` if there is a better way of doing this let me know I want to pass the list items which contain attachments to process. I want to avoid LI items which are empty, do…

Accepted Answer

There's an `.map` for that:

```
var ids = $("#gallery li").map(function () {
    return this.id.split("-")[1];
}).get().join(",");
```

...

```
$.ajax({
    url: '/ajax/upload.php',
    type: 'POST',
    data: { ids: ids },
    success: function(data) {

}
});
```

Demo.

How to loop through LI items in UL, get specific attributes, and pass them via $.ajax data

Solution

Problem