如何從格在HTML

Question

得到一個變量，我有以下的div在HTML看起來像這樣：

<div id="data"> 
    <div class="img"><img src="imageurl_1"></div> 
    <div class="img"><img src="imageurl_2"></div> 
    <div class="img"><img src="imageurl_3"></div> 
    <div class="img"><img src="imageurl_4"></div> 
</div> 

什麼是通過POST發送之前提取圖像SRC的成變量的最佳方式是什麼？

Answer 1

var src_url = $('img').attr('src'); 

Answer 2

是這樣的嗎？

var urls = ''; 
$('div.img > img').each(function(i) { 
     urls = urls + ' ' + $(this).attr('src'); 
}); 
alert(urls); // should contain all urls 

工作的jsfiddle：http://jsfiddle.net/gfosco/bWZKp/

Answer 3

他們全部在一次任意div.img？不知道你怎麼想的那樣的格式，但可以訪問這樣的價值：如果您需要做的事情與他們的

$('div.img img').attr('src'); 

，你可以使用這樣的事情：

$('div.img img').each(function() 
{ 
    var src = $(this).attr('src'); 

    // Do whatever you need to do with src... 
}); 

Answer 4

var get="?"; 
$("#data img").each(function(index){ 
    get += "img"+(index+1)+"="+$(this).attr("src")+"&"; 
}); 
get = get.slice(0, -1); 

Answer 5

我將建立一個JavaScript對象，然後直接發送到$.post()

data = {}; 

$("#data img").each(function(eIndex, e){ 
    data["img"+eIndex] = $(e).attr("src"); 
}); 

$.post("/some/path.php", data, fn); 

Answer 6

在使用jQuer精神y，這裏有一個使用jQuery $ .map（）創建一個javascript數組和$ .param（）來對它進行參數化。

$.param(
    $('div.img img') 
     .map(function(i) { return { name: 'img'+i, value: $(this).attr('src')}; }) 
); 

你的結果將是：

"img0=imageurl_1&img1=imageurl_2&img2=imageurl_3&img3=imageurl_4" 

更換 'IMG' +我用自己的名字或ID爲自己的需要。

Answer 7

$('img').each(function(idx, elem){ 
elem.attr('src'); 
});