jquery - jQuery 中的 For 循环。如何？

Question

如何用 jQuery 替换这个 for-each 循环？

$(document).ready(function(){
    hidebutton = $("#hideall");
    hidebutton.click(function(){
        for(i=1;i<=6;i++){
                var countrylist = document.getElementById("Country-"+i);
                countrylist.style.display = "none";
            }
    });
});

HTML 是

<input id="hideall" type="button" value='Hide Countries' /><br /><br />
<div id="Country-1">USA</div>
<div id="Country-2">UK</div>
<div id="Country-3">UAE</div>
<div id="Country-4">China</div>
<div id="Country-5">India</div>
<div id="Country-6">Japan</div>

Answer 1

有一个 CSS3 选择器可以满足您的需求

正如您所知，jQuery 支持 CSS3 选择器，无论浏览器是否支持。因此，您可以使用更高级的选择器来选择 ID 以 Country 开头的所有元素:

$('div[id^="Country"]').hide();