来自同一类（div）的jQuery post DIV数据

Question

我遇到了问题。我想发送一些数据到我的iframe.php文件.. 数据成功提交，但其唯一的后第一个DIV数据iframe.php文件.. 有没有什么好的方法来使用jQuery提交多个数据使用相同的类？或者如果你给我的替代解决方案，请给我..

我不知道jquery太多，但一点点。

我的代码的HTML（DIV>

<div class='whois' data-website='1' data-ext='test'>Site 1</div> 
<div class='whois' data-website='2' data-ext='test'>Site 2</div> 
<div class='whois' data-website='3' data-ext='test'>Site 3</div> 
<span id="result"></span> 

jQuery代码

$(".whois").click(function() { 

$('#result').html("Checking..."); 
//var div = $(".whois"); 

var $home = $('.whois'); 
var domain =$home.data('website'); 
    var search =$home.data('ext'); 

    var txt = $.ajax({ 

     type: "POST", 

     url: "iframe.php", 

     data: "domain="+ domain + "&search="+ search, 

     success: function(data){ 

      $('#result').html(data); 



     } 

    }); 

return false; 

}); 

}); 

Answer 1

您可以将这些值映射到一个这样的数组：

var whoisData = $('.whois').map(function() { 
    return { domain: $(this).data('website'), search: $(this).data('ext') }; 
}).get(); 

var txt = $.ajax({ 
    type: "POST", 
    url: "iframe.php", 
    data: { data: whoisData }, 
    success: function(data){ 
     $('#result').html(data); 
    } 
}); 

JSFiddle Map Example