jQuery несколько селекторов с точечной записью?

Question

OK. Я немного нуб ... но не тот нуб-иш. :)

Я хочу выполнить поиск() в jQuery, который имеет аналогичный результат точечной нотации или «& &». Вот пример (который не работает):

data.find("continent_country[id = 'us'].state[id = 'in']").each(function(){ 
// what to do 
} 

или

data.find("continent_country[id = 'us'] && state[id = 'in']").each(function(){ 
// what to do 
} 

Мне сказали, чтобы попробовать запятую, например:

data.find("continent_country[id = 'us'], state[id = 'in']").each(function(){ 
// what to do 
} 

... но возвращает неправильные элементы.

Моего XML выглядит следующим образом:

<continent_country id="us" name="U.S."> 
     <state id="al" name="Alabama"> 
      <city url="" name="auburn"/> 
      <city url="" name="birmingham"/> 
      <city url="" name="dothan"/> 
      <city url="" name="florence/muscle shoals"/> 
      <city url="" name="gadsden-anniston"/> 
      <city url="" name="huntsville/decatur"/> 
      <city url="" name="mobile"/> 
      <city url="" name="montgomery"/> 
      <city url="" name="tuscaloosa"/> 
     </state> 
     <state>//more states</states> 
    </continent_country> 
    </continent_country id="eu" name="Europe"> 
     <state>//more states</states> 
    </continent_country> 

В некоторых штатах/провинции/страны имеют один и тот же идентификатор, поэтому я хотел бы найти состояние в указанном continent_country.

Заранее спасибо ...

Answer 1

я думаю, что вы хотите ребенка обозначения:

http://api.jquery.com/child-selector/

что-то вроде

data.find('continent_country[id = 'us'] > state[id='in']).each(function(){ 
    //do your stuff here 
} 

Answer 2

Вы можете просто использовать add() метод, который добавляет больше элементов выбора на основе нового селектора, например,

data.find("continent_country[id = 'us']").add("state[id = 'in']").each(function(){ 
    // what to do 
} 

Answer 3

Вы можете использовать либо :has селектор, функцию .has или выбрать ближайший continent_country выше государства. Вот функция has, которая, вероятно, самая эффективная.

data.find("continent_country[id='us']").has("state[id='in']") 

Это предполагает, что вы хотите получить <continent_country> элементы ... если я неправильно понял, и вы хотите получить <state> элементы, использовать пространство:

data.find("continent_country[id='us'] state[id='in']") 

Answer 4

Не могли бы вы попробовать метод .has()?

data.find("continent_country[id = 'us']").has("state[id = 'in']").each(function(){ 
// what to do 
} 

Это должно сработать.

Answer 5

Если вы хотите, состояние внутри страны, вы должны использовать descendant selectorcontinent_country[id='us'] state[id='in']

или А child selector: continent_country[id='us'] > state[id='in']

Вы должны узнать больше о jquery selectors