Ближайшие элементы JQuery из TextBox в GridView

Вы пытаетесь искать элемент вниз с помощью find и элемент вверх с помощью closest, но целевой элемент находится в другой ветви DOM.

• find ищет только от элемента вниз (его потомки)
• closest ищет только предков (не буквально самое близкое совпадение).

Вам нужно искать вверху с помощью closest, затем find вниз:

например 3-й и 4-й должны быть:

    alert('TEST ' + $("#" + txtID).closest('someCommonParentElementSelector').find("[id*='txtRicalcolato']").val());

Предложение: используйте один делегированный обработчик событий

Вместо добавления обработчиков изменений на основе атрибутов используйте один делегированный обработчик событий, прикрепленный к неизменяемому элементу-предку (например, к окружающему table или div). Это имеет гораздо меньшие накладные расходы и сохраняет весь код в одном месте.

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

// Shortcut DOM ready handler
$(function(){
    // Listen for change events bubbling up to the grid, 
    // then match elements with ID ending in "txtValore"
    $('.mGrid').on('change', 'input[id$="txtValore"]' function(){

          // this is the *txtValore field that changed
          var $input = $(this);

          // Find the matching input by looking up (to closest row) and then down the tree
          // for an element with ID ending in "txtRicalcolato"
          var $otherInput = $input.closest('tr').find('input[id$="txtRicalcolato"]');

          // now do "something" with the two inputs :)
    });
});

Примечания:

• Затем вы можете удалить любые атрибуты onChange из ваших входных данных.
• Это упрощает настройку и помещает код обработчика событий вместе с регистрацией обработчика событий.
• If there are no dynamically added elements, you could just use a jQuery handler, like
  • $('.mGrid input[id$="txtValore"]').on('change', function(){ or
  • $('.mGrid input[id$="txtValore"]').change(function(){, но делегированные события более гибкие.
• селектор [id$=""] является селектором заканчивается, поскольку ваши фактические идентификаторы начинаются с префикса генерации.
• Делегированный обработчик событий работает, прослушивая события, которые всплывают на неизменный элемент-предок (в данном случае с классом .mGrid), затем применяя селектор jQuery к элементам в цепочке пузырьков, вызвавшим событие, затем применяя функцию. Это работает и для динамически добавляемых элементов, поскольку селектор запускается во время события, а не во время регистрации события.

Обновление: изменено создание идентификатора

В комментарии вы упоминаете, что генерация идентификатора изменилась, так что суффикс больше не был в конце идентификатора (были добавлены подчеркивание и число). jQuery также имеет селектор attribute contains *=, который изменит код примера на:

// Shortcut DOM ready handler
$(function(){
    // Listen for change events bubbling up to the grid, 
    // then match elements with ID containing "txtValore"
    $('.mGrid').on('change', 'input[id*="txtValore"]' function(){

          // this is the *txtValore field that changed
          var $input = $(this);

          // Find the matching input by looking up (to closest row) and then down the tree
          // for an element with ID containing "txtRicalcolato"
          var $otherInput = $input.closest('tr').find('input[id*="txtRicalcolato"]');

          // now do "something" with the two inputs :)
    });
});