Javascript - IP地址顯示國家

我有問題。我想perline IP地址顯示國家使用http://ipinfo.io Javascript - IP地址顯示國家

這個網站碼

<span>192.110.160.11</span><br> 
<span>177.67.82.22</span><br> 
<span>36.75.102.33</span><br>

我的js

document.body.innerHTML = document.body.innerHTML.replace(new RegExp("<span>(.*?)</span>", "g"),"<span id='ip'>$1</span> - <span id='country'>wait..</span>"); 

var ip = document.getElementById("ip").innerHTML; 

$.get("http://ipinfo.io/"+ip, function (response) { 
$("#country").html(response.country); 
}, "jsonp");

導致我的JS，http://jsfiddle.net/p26uE

192.110.160.11 - US 
177.67.82.22 - wait.. 
36.75.102.33 - wait..

我想導致

192.110.160.11 - US 
177.67.82.22 - BR 
36.75.102.33 - ID

感謝大家誰可以幫我：d

來源

2014-02-21 james bond

ID必須是唯一的。你也只運行一次代碼，你需要每個ip運行一次。 –

$("span").each(function(i){ 
    var self = this; 
    var ip = $(this).text(); 
    $.get("http://ipinfo.io/"+ip, function (response) { 
     $(self).html(ip+"-"+response.country); 
    }, "jsonp"); 
});

入住這

JSFIDDLE

來源

2014-02-21 16:09:14

Fiddle Demo

document.body.innerHTML = document.body.innerHTML.replace(new RegExp("<span>(.*?)</span>", "g"), "<div><span class='ip'>$1</span> - <span class='country'>wait..</span></div>"); 

$('.ip').each(function() { 
    var $this = $(this); 
    $.get("http://ipinfo.io/" + $(this).text(), function (response) { 
     $this.closest('div').find('.country').html(response.country); 
    }, "jsonp"); 
});

Id必須是唯一的

你應該改爲class。

讀Two HTML elements with same id attribute: How bad is it really?

來源

2014-02-21 16:11:08

document.body.innerHTML = document.body.innerHTML.replace(new RegExp("<span>(.*?)</span>", "g"),"<span class='country'>$1</span> - <span class='ip'>wait..</span>"); 

var ips = document.getElementsByClassName("country"); 

Array.prototype.forEach.call(ips, function(elem) { 
    var ipaddress = elem.innerHTML; 

    $.get("http://ipinfo.io/"+ipaddress, function (response) { 
    $(elem).next().html(response.country); 
    }, "jsonp"); 
});

來源

2014-02-21 16:11:25

要指定每一區間相同的ID，所以當您選擇它只是返回第一跨度。嘗試這樣的事情，因爲你已經在使用jQuery：

$('span').each(function (ele) { 
    var currEle = $(this); 
    var ip = currEle.text(); 
    $.get("http://ipinfo.io/" + ip, function (response) { 
     currEle.text(ip + " - " + response.country); 
    }, "jsonp"); 
});

希望這有助於

來源

2014-02-21 16:12:28 Jrd

你可以通過它們循環。我稍微更改了設置，以便更容易循環，但您應該能夠推斷出需要更改的內容。

工作JSFiddle

HTML：放入容器UL /李只是因爲它們很容易做一個清單出來的

<ul id="ipList" style="list-style:none;"> 
    <li><span class="ipAddr">192.110.160.11</span><span class="ipProg">Wait...</span></li> 
    <li><span class="ipAddr">177.67.82.22</span><span class="ipProg">Wait...</span></li> 
    <li><span class="ipAddr">36.75.102.33</span><span class="ipProg">Wait...</span></li> 
</ul>

CSS：

.ipProg{ 
    margin-left: 10px;  
}

JS：

$(function(){ 
    $("#ipList").children('li').each(function(){   
     var ip = $(this).children('.ipAddr').first(); 
     var reg = $(this).children('.ipProg').first(); 

     $.get("http://ipinfo.io/"+ip.text(), function (response) { 
      reg.text(response.country); 
     }, "jsonp");      

    }); 


});

來源

2014-02-21 16:36:33 Charles380

Javascript - IP地址顯示國家

回答

相關問題