Как выбрать определенную ячейку таблицы в определенном отношении к другому?

Question

У меня есть

<table> 
    <tbody> 
     <tr> 
      <th colspan="2">Infobox</th> 
     </tr> 
     <tr> 
      <td>Lorem ipsum ...</td> 
      <td>Lorem ipsum ...</td> 
     </tr> 
     ⁞ 
     <tr> 
      <td>Lorem ipsum ...</td> 
      <td>Lorem ipsum ...</td> 
     </tr> 
     <tr> 
      <th colspan="2">[random stuff]</th> 
     </tr> 
     <!-- *** Where I want to add another row *** --> 
     <tr> 
      <td>Lorem ipsum ...</td> 
      <td>Lorem ipsum ...</td> 
     </tr> 
     ⁞ 

Самый элегантный/эффективный способ, чтобы выбрать и добавить свой дополнительный ряд? Я начал с

$("table th:contains('Infobox')").closest('tbody th[colspan="2"]'); 

Но это не выбирает то, что я хочу. Thanx для вашей помощи и веселых X-mas: o)

Answer 1

Как насчет. После?

$("table th:contains('Infobox')").after("<tr></tr>") 

Это добавит HTML после селектора.

Answer 2

Ваш текущий запрос пытается использовать closest для поиска вверх и вниз по DOM. closestтолько ищет предков.

Это немного туманно, как вы хотите, чтобы настроить таргетинг на правильный стол, но после вашего примера вы хотите что-то вроде этого: http://jsfiddle.net/TrueBlueAussie/y80gzL4k/2/

$('table th:contains("Infobox")') 
    .closest('tbody') 
    .find('tr:has(th[colspan="2"]):last') 
    .after("<tr><th>New row goes here</th></tr>");