jquery - URL で変数を使用して JQuery で XML データをフィルタリングする

Question

したがって、私がやろうとしているのは、url 変数に基づいて特定の郡にあるクライアントのみを表示することです。たとえばhttp://www.example.com/clients.html?county=Ocean。if ステートメントが正しく実行されているとは思いません。いくつかの助けをいただければ幸いです。

XML

    <clients>    
        <client>
        <name>Client 1</name>
        <id>001</id>
        <counties>
        <county>Monmouth</county>
        <county>Ocean</county>
        </counties>
        </client>

        <client>
        <name>Client 2</name>
        <id>001</id>
        <counties>
        <county>Middlesex</county>
        <county>Ocean</county>
        </counties>
        </client>
   </clients>

JQuery

    $(document).ready(function()
    {
      $.ajax({
        type: "GET",
        url: "clients.xml",
        dataType: "xml",
        success: parseXml
      });
    });
    var county = $.getUrlVar('county');
    function parseXml(xml){

    $(xml).find("client").each(function(){
    if(county == $(this).find("county").text()) {

    $("#client").append('<div class="clients">' + ('<div class="name">' + $(this).find("name").text() + '</div>' + '</div>'); 

    });

    } 
else { alert("Fail!") }

    }

以下は、関連する場合に備えて url 変数を取得する方法です

$.extend({
  getUrlVars: function(){
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
      hash = hashes[i].split('=');
      vars.push(hash[0]);
      vars[hash[0]] = hash[1];
    }
    return vars;
  },
  getUrlVar: function(name){
    return $.getUrlVars()[name];
  }
});