
Untitled
By: a guest on
Jul 22nd, 2012 | syntax:
None | size: 1.16 KB | hits: 13 | expires: Never
How to loop through LI items in UL, get specific attributes, and pass them via $.ajax data
<ul id="gallery">
<li id="attachment-32" class="featured"><a href="..." title=""><img src="..." alt="" /></a></li>
<li id="attachment-34"><a href="..." title=""><img src="..." alt="" /></a></li>
<li id="attachment-38"><a href="..." title=""><img src="..." alt="" /></a></li>
<li id="attachment-64"><a href="..." title=""><img src="..." alt="" /></a></li>
<li id="attachment-75"><a href="..." title=""><img src="..." alt="" /></a></li>
<li></li>
</ul>
$.ajax({
url: '/ajax/upload.php',
type: 'POST',
data: { ... },
success: function(data){
}
});
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) {
}
});
var val = new Array();
$('#gallery li').each(function(){
val.push($(this).attr('id'));
});
document.write(val);
$.ajax({
url: '/ajax/upload.php',
type: 'POST',
data: { attached : val },
success: function(data){
}
});