Найти Control рядом с определенным tr

Question

У меня есть таблица и внутри таблицы у меня есть 10 строк, я хочу найти определенную строку на основе id, а также я хочу найти другие строки рядом с ней.

пример

<table> 
     <tr>1</tr> 
     <tr>2</tr> 
     <tr>3</tr> 
     <tr id="CurrentId">4</tr> 
     <tr> 
      <td>5</td> 
     </tr> 
     <tr> 
      <td>6</td> 
     </tr> 
     <tr> 
      <td>7</td> 
     </tr> 
     <tr> 
      <td>8</td> 
     </tr> 
     <tr> 
      <td>9</td> 
     </tr> 
     <tr> 
      <td>10</td> 
     </tr> 
    </table> 

В приведенном выше примере я хочу найти значение 4 на основе идентификатора «CurrentId», то я хочу, чтобы путешествовать по тр рядом с идентификатором и получить значения. В приведенном выше примере я упомянул только 10, но в реальном времени я не знаю, сколько будет генерироваться tr. поэтому я хочу получить все значения рядом с идентификатором. Пожалуйста, помогите мне на одном и том же.

Answer 1

Используйте селектор id для выбора строки и следующего для получения следующего и следующего. Чтобы получить следующую строку/строки. Вы также должны добавить tds сначала для строк, так как вы не можете напрямую передать текст в tr.

Live Demo

currentRow = $('#CurrentId') 
nextRow = $('#CurrentId').next() 
nextAllRows = $('#CurrentId').nextAll() 

Answer 2

Вот один из способов получить его для этого примера.

var vals = []; 

$('#CurrentId').nextAll().each(function(){ 
    vals.push($(this).children().html()); 
}); 

console.log(vals.join(",")); 

//output 
//5,6,7,8,9,10 

Вот JsFiddle продемонстрировать.

Я обновил скрипку только получить первый-TD, указав селектор для ребенка:

vals.push($(this).children("td:first-child").html()); 

Вам может не понадобиться, что; Я оставлю это вам.