如何遍歷UL中的LI項，獲取特定屬性，並通過$ .ajax數據傳遞它們

Question

這是我的HTML代碼：

<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請求：

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

這就是我想要實現的目標。

1. 如果ID attr在那里，如何獲取圖庫中每個LI的ID屬性中的附件編號，並通過ajax數據以這種方式傳遞它們： { attached : '32,34,38,64,75' }如果有這是一個更好的方法，讓我知道我想傳遞包含附件的列表項進行處理。 我想避免使用空的LI項，不包括id attr。

2. 如何獲取具有特色類的列表項LI {feature_img：..}並傳遞附件ID號（如果特色LI存在），如果沒有列表項，則將features_img傳遞給0.所以我知道如何處理它在請求中通過PHP。

任何幫助表示贊賞。

謝謝。

Answer 1

有一個.map ：

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) {

    }
});

演示。

Answer 2

試試這個，可以幫到你。

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){
        }
});

希望這對你有所幫助。