Замена jQuery для вложенных getElementsByTagName

Question

Я хочу использовать jQuery для вложенного getElementsByTagName. Многие вопросы касаются вложенных друг в друга, но они переходят в специальные темы. Я не могу понять что-то, что, вероятно, очень просто. В чистом JavaScript у меня есть:

tables = document.getElementsByTagName('table'); 
for (var t = 0; t < tables.length; t++) 
{ 
    thisTable = tables[t]; 
    if (thisTable.id == "specialID") 
    { 
     inputs = thisTable.getElementsByTagName("input"); 
     for (var r=0; r < inputs.length; r++) 
     { 
      thisInput = inputs[r]; 
      if (thisInput.type == "radio") 
      { 
       if (thisInput.checked == true) 
       { 
        [do stuff] 
        break; 
       } 
      } 
     } 
    } 
} 

В основном это делает некоторые проверки на некоторых переключателях внутри нужной таблицы. Синтаксис вложенного getElementByTagName вызывает проблемы при попытке конвертировать в jQuery. Пока у меня есть это:

$("table").each(function() { 
    if (this.id == "specialID") 
    { 
     $("this:input").each(function() { 
      alert("I am here"); 
      [test for radio and do stuff] 
     }); 
    } 
}); 

Первый «каждый» на столах работает отлично и находит все таблицы. Но второй «каждый» на входах не выбирает никаких элементов управления входами внутри конкретной таблицы. Я подозреваю, что $ ("this.input") неверен, но я пробовал много других вещей здесь, и я получаю синтаксические ошибки или не лучшие результаты. Каков правильный способ формирования синтаксиса, который позволяет мне перебирать все входы внутри одной из таблиц?

Answer 1

Как вы можете иметь только один стол с id"specialID", вы можете сделать это:

$("#specialId input").each(function() { 
    // ...do stuff with the input 
}); 

Однако в общем случае, когда вы могли бы иметь более чем один внешний элемент и хотите обращаться с вещами на внутренних элементах лишь некоторые из них:

$("selector-for-outer-element").each(function() { 
    if (/*...some condition...*/) { 
     $(this).find("selector-for-inner-elements").each(function() { 
      // ...do something with the inner elements 
     }); 
    } 
}); 

Или, если условие может быть выражено как селектор, naturall y примените условие таким образом:

$("selector-for-outer-element.some-condition selector-for-inner-elements").each(function() { 
    // ...do something with the inner elements 
}); 

... это в основном то, что я сделал с самым первым фрагментом выше.