получить значение дочернего элемента для конкретного ребенка в XML с помощью jquery

Question

Я новичок в jquery и хочу разобрать дочерние элементы в xml-файле для определенного дочернего атрибута, например, у меня есть список городов и районов

<city name="ANKARA"> 
  <distr>BEYPAZARI</distr>
  <distr>GÜDÜL</distr>
  <distr>KAZAN</distr>
  <distr>ÇANKAYA</distr>
</city>
<city name="İSTANBUL">
 <distr>EMİNÖNÜ</distr>
 <distr>ÇATALCA</distr>
 <distr>BEYOĞLU</distr>
 <distr>BEYKOZ</distr>
 <distr>BEŞİKTAŞ</distr>
</city>

Я использую этот код для получения списка городов

 $(xml).find('city').each(function(){
     var city = $(this).attr("name");
     $("<option>").text(city).appendTo("#cityList");
 }); 

но я не знаю, как получить список районов, например, Анкары, кто-то может помочь мне, пожалуйста заранее спасибо

Answer 1

 $(xml).find('city[name="ANKARA"]').each(function(){
     var city = $(this).attr("name");
     $("<option>").text(city).appendTo("#cityList");
 }); 

Это селектор ", равный ", который вы хотите.

Answer 2

оба ответа выше помогли мне получить именно то, что я хочу,

$(xml).find('city[name="ANKARA"]').find('distr').each(function(){
    var distr = $(this).text();
    $("<option>").text(distr).appendTo("#district_list");
});

Большое спасибо

Answer 3

Попробуйте повторить все города и детские районы

$(xml).find('city').each(function(){
     var city = $(this).attr("name");
     $('distr', this).each(function(){
       //Add your code here to deal with Districts
    }
   });
   $("<option>").text(city).appendTo("#cityList");
 });