Выберите скрытый ввод внутри следующего тд [JQuery]

Question

Я таблица изложил так:

 <td> 
       somename 
     </td> 
     <td class="hoverable value" > 
       somevalue 
     </td> 
     <td class="changed"> 

     </td> 
     <td class="original value"> 
      <input type="hidden" value="somevalue" /> 
     </td> 

И то, что я пытаюсь сделать это, я парить над hoverable тд, который превращает его в текстовое окно. Как только я нахожусь, я хочу проверить скрытое поле для его первоначального значения и поместить изображение в измененное, если 2 отличаются друг от друга. У меня уже есть это:

$(document).ready(function() { 
    var newHTML = ''; 

    $('table td.hoverable').hover(
    function() { 
     var oldHTML = $(this).html().trim(); 
     $(this).html('<input type=\'text\' value=\'' + oldHTML + '\' size=\'' + ((oldHTML).length + 2) +'\' />'); 
    }, 
    function() { 
     newHTML = $('input', this).val(); 
     var oldHTML = $(this).next('td.original').children('hidden').val(); 
     if(newHTML != oldHTML) { 
      $(this).next('td.changed').html('Changed'); 
     } 
     $(this).html(newHTML); 
    }) 
}); 

но не работает. Что, по-видимому, не позволяет захватить значение скрытого поля, и я попытался выбрать его несколькими способами, но просто не могу добраться до него. Любые идеи или советы с благодарностью оценили;)

Answer 1

Вы должны использовать .N extAll()

var oldHTML = $(this).nextAll('td.original').find('input:hidden').val(); 

Почему? Потому что .next() берет следующий элемент и видит, соответствует ли он селектору. Если вы используете .nextAll(), вы получите следующий элемент, соответствующий селектору.

Answer 2

Попробуйте

$(this).next('td.original').find('input:hidden').val(); 

Answer 3

var oldHTML = $(this).next('td.original').children(':hidden').val(); 

Answer 4

Заменить

var oldHTML = $(this).next('td.original').children('hidden').val(); 

С

var oldHTML = $(this).next('td.original').find('input:hidden').val();