按字母顺序排序国家/地区列表

时间:2017-03-28 10:22:50

标签: javascript html

我根据国家2字母代码编码以下列表

现在我的老板以字母顺序排列了实际的国名。我正准备手动启动它但是很想知道是否有一种简单/快速的方法可以基于我已经完成的操作。

<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button"     data-toggle="dropdown">Country List <span class="caret"></span></button>
<ul style="height: 450px; overflow: auto;" class="dropdown-menu">
<li><a href="#" onclick="showDiv('AD')">Andorra</a></li>
<li><a href="#" onclick="showDiv('AG')">Antigua and Barbuda</a></li>
<li><a href="#" onclick="showDiv('AI')">Anguilla</a></li>
<li><a href="#" onclick="showDiv('AL')">Albania</a></li>
<li><a href="#" onclick="showDiv('AM')">Armenia</a></li>
<li><a href="#" onclick="showDiv('AQ')">Antarctica</a></li>
<li><a href="#" onclick="showDiv('AR')">Argentina</a></li>
<li><a href="#" onclick="showDiv('AT')">Austria</a></li>
<li><a href="#" onclick="showDiv('AU')">Australia</a></li>
<li><a href="#" onclick="showDiv('AX')">Aland Islands</a></li>
<li><a href="#" onclick="showDiv('AZ')">Azerbaijan</a></li>
<li><a href="#" onclick="showDiv('BA')">Bosnia and Herzegovina</a></li>
<li><a href="#" onclick="showDiv('BB')">Barbados</a></li>
<li><a href="#" onclick="showDiv('BD')">Bangladesh</a></li>
<li><a href="#" onclick="showDiv('BE')">Belgium</a></li>
<li><a href="#" onclick="showDiv('BF')">Burkina Faso</a></li>
<li><a href="#" onclick="showDiv('BG')">Bulgaria</a></li>
<li><a href="#" onclick="showDiv('BI')">Burundi</a></li>
<li><a href="#" onclick="showDiv('BJ')">Benin</a></li>
<li><a href="#" onclick="showDiv('BL')">Saint Barthélemy</a></li>
<li><a href="#" onclick="showDiv('BM')">Bermuda</a></li>
<li><a href="#" onclick="showDiv('BN')">Brunei Darussalam</a></li>
<li><a href="#" onclick="showDiv('BO')">Bolivia, Plurinational State of</a></li>
<li><a href="#" onclick="showDiv('BR')">Brazil</a></li>
<li><a href="#" onclick="showDiv('BS')">Bahamas</a></li>
<li><a href="#" onclick="showDiv('BT')">Bhutan</a></li>
<li><a href="#" onclick="showDiv('BV')">Bouvet Island</a></li>
<li><a href="#" onclick="showDiv('BW')">Botswana</a></li>
<li><a href="#" onclick="showDiv('BY')">Belarus</a></li>
<li><a href="#" onclick="showDiv('CA')">Canada</a></li>
<li><a href="#" onclick="showDiv('CC')">Cocos (Keeling) Islands</a></li>
<li><a href="#" onclick="showDiv('CD')">Congo, the Democratic Republic of the</a></li>
<li><a href="#" onclick="showDiv('CF')">Central African Republic</a></li>
<li><a href="#" onclick="showDiv('CG')">Congo</a></li>
<li><a href="#" onclick="showDiv('CH')">Switzerland</a></li>
<li><a href="#" onclick="showDiv('CI')">Côte d'Ivoire</a></li>
<li><a href="#" onclick="showDiv('CK')">Cook Islands</a></li>
<li><a href="#" onclick="showDiv('CL')">Chile</a></li>
<li><a href="#" onclick="showDiv('CM')">Cameroon</a></li>
<li><a href="#" onclick="showDiv('CN')">China</a></li>
<li><a href="#" onclick="showDiv('CO')">Colombia</a></li>
<li><a href="#" onclick="showDiv('CR')">Costa Rica</a></li>
<li><a href="#" onclick="showDiv('CV')">Cape Verde</a></li>
<li><a href="#" onclick="showDiv('CX')">Christmas Island</a></li>
<li><a href="#" onclick="showDiv('CY')">Cyprus</a></li>
<li><a href="#" onclick="showDiv('CZ')">Czech Republic</a></li>
<li><a href="#" onclick="showDiv('DE')">Germany</a></li>
<li><a href="#" onclick="showDiv('DJ')">Djibouti</a></li>
<li><a href="#" onclick="showDiv('DK')">Denmark</a></li>
<li><a href="#" onclick="showDiv('DM')">Dominica</a></li>
<li><a href="#" onclick="showDiv('DO')">Dominican Republic</a></li>
<li><a href="#" onclick="showDiv('EC')">Ecuador</a></li>
<li><a href="#" onclick="showDiv('EE')">Estonia</a></li>
<li><a href="#" onclick="showDiv('EG')">Egypt</a></li>
<li><a href="#" onclick="showDiv('EH')">Western Sahara</a></li>
<li><a href="#" onclick="showDiv('ES')">Spain</a></li>
<li><a href="#" onclick="showDiv('FI')">Finland</a></li>
<li><a href="#" onclick="showDiv('FJ')">Fiji</a></li>
<li><a href="#" onclick="showDiv('FK')">Falkland Islands (Malvinas)</a></li>
<li><a href="#" onclick="showDiv('FM')">Micronesia, Federated States of</a></li>
<li><a href="#" onclick="showDiv('FO')">Faroe Islands</a></li>
<li><a href="#" onclick="showDiv('FR')">France</a></li>
<li><a href="#" onclick="showDiv('GA')">Gabon</a></li>
<li><a href="#" onclick="showDiv('GB')">United Kingdom</a></li>
<li><a href="#" onclick="showDiv('GD')">Grenada</a></li>
<li><a href="#" onclick="showDiv('GE')">Georgia</a></li>
<li><a href="#" onclick="showDiv('GF')">French Guiana</a></li>
<li><a href="#" onclick="showDiv('GG')">Guernsey</a></li>
<li><a href="#" onclick="showDiv('GH')">Ghana</a></li>
<li><a href="#" onclick="showDiv('GI')">Gibraltar</a></li>
<li><a href="#" onclick="showDiv('GL')">Greenland</a></li>
<li><a href="#" onclick="showDiv('GM')">Gambia</a></li>
<li><a href="#" onclick="showDiv('GN')">Guinea</a></li>
<li><a href="#" onclick="showDiv('GP')">Guadeloupe</a></li>
<li><a href="#" onclick="showDiv('GQ')">Equatorial Guinea</a></li>
<li><a href="#" onclick="showDiv('GR')">Greece</a></li>
<li><a href="#" onclick="showDiv('GT')">Guatemala</a></li>
<li><a href="#" onclick="showDiv('GU')">Guam</a></li>
<li><a href="#" onclick="showDiv('GW')">Guinea-Bissau</a></li>
<li><a href="#" onclick="showDiv('GY')">Guyana</a></li>
<li><a href="#" onclick="showDiv('HK')">Hong Kong</a></li>
<li><a href="#" onclick="showDiv('HM')">Heard Island and McDonald Islands</a></li>
<li><a href="#" onclick="showDiv('HN')">Honduras</a></li>
<li><a href="#" onclick="showDiv('HR')">Croatia</a></li>
<li><a href="#" onclick="showDiv('HT')">Haiti</a></li>
<li><a href="#" onclick="showDiv('HU')">Hungary</a></li>
<li><a href="#" onclick="showDiv('ID')">Indonesia</a></li>
<li><a href="#" onclick="showDiv('IE')">Ireland</a></li>
<li><a href="#" onclick="showDiv('IM')">Isle of Man</a></li>
<li><a href="#" onclick="showDiv('IN')">India</a></li>
<li><a href="#" onclick="showDiv('IO')">British Indian Ocean Territory</a></li>
<li><a href="#" onclick="showDiv('IR')">Iran, Islamic Republic of</a></li>
<li><a href="#" onclick="showDiv('IS')">Iceland</a></li>
<li><a href="#" onclick="showDiv('IT')">Italy</a></li>
<li><a href="#" onclick="showDiv('JE')">Jersey</a></li>
<li><a href="#" onclick="showDiv('JM')">Jamaica</a></li>
<li><a href="#" onclick="showDiv('JP')">Japan</a></li>
<li><a href="#" onclick="showDiv('KE')">Kenya</a></li>
<li><a href="#" onclick="showDiv('KG')">Kyrgyzstan</a></li>
<li><a href="#" onclick="showDiv('KH')">Cambodia</a></li>
<li><a href="#" onclick="showDiv('KI')">Kiribati</a></li>
<li><a href="#" onclick="showDiv('KM')">Comoros</a></li>
<li><a href="#" onclick="showDiv('KN')">Saint Kitts and Nevis</a></li>
<li><a href="#" onclick="showDiv('KP')">Korea, Democratic People's Republic of</a></li>
<li><a href="#" onclick="showDiv('KR')">Korea, Republic of</a></li>
<li><a href="#" onclick="showDiv('KY')">Cayman Islands</a></li>
<li><a href="#" onclick="showDiv('KZ')">Kazakhstan</a></li>
<li><a href="#" onclick="showDiv('LA')">Lao People's Democratic Republic</a></li>
<li><a href="#" onclick="showDiv('LB')">Lebanon</a></li>
<li><a href="#" onclick="showDiv('LC')">Saint Lucia</a></li>
<li><a href="#" onclick="showDiv('LI')">Liechtenstein</a></li>
<li><a href="#" onclick="showDiv('LK')">Sri Lanka</a></li>
<li><a href="#" onclick="showDiv('LS')">Lesotho</a></li>
<li><a href="#" onclick="showDiv('LT')">Lithuania</a></li>
<li><a href="#" onclick="showDiv('LU')">Luxembourg</a></li>
<li><a href="#" onclick="showDiv('LV')">Latvia</a></li>
<li><a href="#" onclick="showDiv('LY')">Libya</a></li>
<li><a href="#" onclick="showDiv('MA')">Morocco</a></li>
<li><a href="#" onclick="showDiv('MC')">Monaco</a></li>
<li><a href="#" onclick="showDiv('MD')">Moldova, Republic of</a></li>
<li><a href="#" onclick="showDiv('ME')">Montenegro</a></li>
<li><a href="#" onclick="showDiv('MG')">Madagascar</a></li>
<li><a href="#" onclick="showDiv('MK')">Macedonia, the former Yugoslav Republic of</a></li>
<li><a href="#" onclick="showDiv('ML')">Mali</a></li>
<li><a href="#" onclick="showDiv('MM')">Myanmar</a></li>
<li><a href="#" onclick="showDiv('MN')">Mongolia</a></li>
<li><a href="#" onclick="showDiv('MO')">Macao</a></li>
<li><a href="#" onclick="showDiv('MP')">Northern Mariana Islands</a></li>
<li><a href="#" onclick="showDiv('MQ')">Martinique</a></li>
<li><a href="#" onclick="showDiv('MS')">Montserrat</a></li>
<li><a href="#" onclick="showDiv('MU')">Mauritius</a></li>
<li><a href="#" onclick="showDiv('MV')">Maldives</a></li>
<li><a href="#" onclick="showDiv('MW')">Malawi</a></li>
<li><a href="#" onclick="showDiv('MX')">Mexico</a></li>
<li><a href="#" onclick="showDiv('MY')">Malaysia</a></li>
<li><a href="#" onclick="showDiv('MZ')">Mozambique</a></li>
<li><a href="#" onclick="showDiv('NA')">Namibia</a></li>
<li><a href="#" onclick="showDiv('NC')">New Caledonia</a></li>
<li><a href="#" onclick="showDiv('NE')">Niger</a></li>
<li><a href="#" onclick="showDiv('NG')">Nigeria</a></li>
<li><a href="#" onclick="showDiv('NI')">Nicaragua</a></li>
<li><a href="#" onclick="showDiv('NO')">Norway</a></li>
<li><a href="#" onclick="showDiv('NP')">Nepal</a></li>
<li><a href="#" onclick="showDiv('NR')">Nauru</a></li>
<li><a href="#" onclick="showDiv('NU')">Niue</a></li>
<li><a href="#" onclick="showDiv('NZ')">New Zealand</a></li>
<li><a href="#" onclick="showDiv('PA')">Panama</a></li>
<li><a href="#" onclick="showDiv('PE')">Peru</a></li>
<li><a href="#" onclick="showDiv('PF')">French Polynesia</a></li>
<li><a href="#" onclick="showDiv('PG')">Papua New Guinea</a></li>
<li><a href="#" onclick="showDiv('PH')">Philippines</a></li>
<li><a href="#" onclick="showDiv('PK')">Pakistan</a></li>
<li><a href="#" onclick="showDiv('PL')">Poland</a></li>
<li><a href="#" onclick="showDiv('PM')">Saint Pierre and Miquelon</a></li>
<li><a href="#" onclick="showDiv('PN')">Pitcairn</a></li>
<li><a href="#" onclick="showDiv('PR')">Puerto Rico</a></li>
<li><a href="#" onclick="showDiv('PT')">Portugal</a></li>
<li><a href="#" onclick="showDiv('PW')">Palau</a></li>
<li><a href="#" onclick="showDiv('PY')">Paraguay</a></li>
<li><a href="#" onclick="showDiv('QA')">Qatar</a></li>
<li><a href="#" onclick="showDiv('RE')">Réunion</a></li>
<li><a href="#" onclick="showDiv('RO')">Romania</a></li>
<li><a href="#" onclick="showDiv('RS')">Serbia</a></li>
<li><a href="#" onclick="showDiv('RU')">Russian Federation</a></li>
<li><a href="#" onclick="showDiv('SA')">Saudi Arabia</a></li>
<li><a href="#" onclick="showDiv('SB')">Solomon Islands</a></li>
<li><a href="#" onclick="showDiv('SE')">Sweden</a></li>
<li><a href="#" onclick="showDiv('SG')">Singapore</a></li>
<li><a href="#" onclick="showDiv('SH')">Saint Helena, Ascension and Tristan da Cunha</a></li>
<li><a href="#" onclick="showDiv('SI')">Slovenia</a></li>
<li><a href="#" onclick="showDiv('SJ')">Svalbard and Jan Mayen</a></li>
<li><a href="#" onclick="showDiv('SK')">Slovakia</a></li>
<li><a href="#" onclick="showDiv('SL')">Sierra Leone</a></li>
<li><a href="#" onclick="showDiv('SM')">San Marino</a></li>
<li><a href="#" onclick="showDiv('SN')">Senegal</a></li>
<li><a href="#" onclick="showDiv('SR')">Suriname</a></li>
<li><a href="#" onclick="showDiv('SS')">South Sudan</a></li>
<li><a href="#" onclick="showDiv('ST')">Sao Tome and Principe</a></li>
<li><a href="#" onclick="showDiv('SV')">El Salvador</a></li>
<li><a href="#" onclick="showDiv('SX')">Sint Maarten (Dutch part)</a></li>
<li><a href="#" onclick="showDiv('SY')">Syrian Arab Republic</a></li>
<li><a href="#" onclick="showDiv('SZ')">Swaziland</a></li>
<li><a href="#" onclick="showDiv('TC')">Turks and Caicos Islands</a></li>
<li><a href="#" onclick="showDiv('TD')">Chad</a></li>
<li><a href="#" onclick="showDiv('TF')">French Southern Territories</a></li>
<li><a href="#" onclick="showDiv('TG')">Togo</a></li>
<li><a href="#" onclick="showDiv('TH')">Thailand</a></li>
<li><a href="#" onclick="showDiv('TJ')">Tajikistan</a></li>
<li><a href="#" onclick="showDiv('TK')">Tokelau</a></li>
<li><a href="#" onclick="showDiv('TL')">Timor-Leste</a></li>
<li><a href="#" onclick="showDiv('TM')">Turkmenistan</a></li>
<li><a href="#" onclick="showDiv('TO')">Tonga</a></li>
<li><a href="#" onclick="showDiv('TR')">Turkey</a></li>
<li><a href="#" onclick="showDiv('TT')">Trinidad and Tobago</a></li>
<li><a href="#" onclick="showDiv('TV')">Tuvalu</a></li>
<li><a href="#" onclick="showDiv('TW')">Taiwan, Province of China</a></li>
<li><a href="#" onclick="showDiv('TZ')">Tanzania, United Republic of</a></li>
<li><a href="#" onclick="showDiv('UA')">Ukraine</a></li>
<li><a href="#" onclick="showDiv('UG')">Uganda</a></li>
<li><a href="#" onclick="showDiv('UM')">United States Minor Outlying Islands</a></li>
<li><a href="#" onclick="showDiv('UY')">Uruguay</a></li>
<li><a href="#" onclick="showDiv('UZ')">Uzbekistan</a></li>
<li><a href="#" onclick="showDiv('VA')">Holy See (Vatican City State)</a></li>
<li><a href="#" onclick="showDiv('VC')">Saint Vincent and the Grenadines</a></li>
<li><a href="#" onclick="showDiv('VE')">Venezuela, Bolivarian Republic of</a></li>
<li><a href="#" onclick="showDiv('VN')">Viet Nam</a></li>
<li><a href="#" onclick="showDiv('VU')">Vanuatu</a></li>
<li><a href="#" onclick="showDiv('WF')">Wallis and Futuna</a></li>
<li><a href="#" onclick="showDiv('WS')">Samoa</a></li>
<li><a href="#" onclick="showDiv('YT')">Mayotte</a></li>
<li><a href="#" onclick="showDiv('ZA')">South Africa</a></li>
<li><a href="#" onclick="showDiv('ZM')">Zambia</a></li>
<li><a href="#" onclick="showDiv('ZW')">Zimbabwe</a></li>

 

任何提示都会很棒。感谢。

4 个答案:

答案 0 :(得分:1)

使用Excel拆分代码块,排序或插入其他数据,然后重新组合!

1)将代码块拆分为

  • 将代码块复制到Excel,然后转到数据选项卡,然后&#34;将文本添加到列&#34;
  • 选择&#34;固定宽度&#34;,然后将滑块拖到国家/地区名称的边缘(我在这里快速工作,通常会使用分隔符)
  • 点击&#34;完成&#34;
  • 选择B栏并点击&#34;主页标签&#34;那么&#34;排序和过滤&#34; - 排序A-Z说&#34;是&#34;扩大选择

2)再次将它重新组合在一起(连接)

  • 转到最右侧的列,然后点击第一个空单元格(C)...
  • 点击&#34;公式&#34;,&#34;文字&#34;,&#34; CONCACTENATE&#34;
  • 选择Cols A和B并点击&#34; OK&#34;
  • 双击该公式的一角将其复制到工作表底部

3)请记住,公式输出尚未“可复制”#34;所以...

  • 选择所有输出,复制,然后转到下一列并点击&#34;粘贴值&#34;
  • 然后将THAT列复制到您的其他程序,您就完成了

简而言之,但这种技术值得学习,我已经连接了#34;我不断用于各种工作的床单:)

答案 1 :(得分:0)

{{1}}

答案 2 :(得分:0)

function alphaBetSort(setClass) {
    var listofLi =jQuery(setClass).children();
    var data = new Array();
    for (var i = 0; i < listofLi.length; i++) {
        data.push(listofLi[i].textContent);
    }
    data.sort();
    data.forEach(function(content, index) {
        listofLi[index].textContent = content;
    });
}
// pass ul class in this function
alphaBetSort(".dropdown-menu");

答案 3 :(得分:-1)

我是用Excel做的。我将您的代码复制到Excel中,然后将文本运行到列向导。我分开了&#39;&gt;&#39;字符。这给了我一个国名的专栏。然后我根据此列对所有数据进行排序,然后再组合回字符串。

<!--Google Fonts-->
<%= stylesheet_link_tag 'application', 'https://fonts.googleapis.com/css?family=Yesteryear', media: 'all', 'data-turbolinks-track' => true %>

<%= stylesheet_link_tag 'application', 'https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic', media: 'all', 'data-turbolinks-track' => true %>