Не находится существующий элемент
 

Доброго всем времени!!! Сегодня столкнулся с непонятной проблемой... Предистория для понимания: на страницу по клику добавляются некоторые элементы для редактирования данных. По клику на кнопку эти данные должны собираться и отправляться на сервер для сохранения, но тут неожиданно возникла проблема, которой я в упор не могу найти решения...

суть такая:
элемент - input
console.log($('.name').is('#' + vencode)); - возвращает true, а
console.log($('.name#' + vencode).val()); - возвращает undefined

более того, другой элемент с подобным обращением возвращает своё значение.. все классы и id уже 10 раз перечитал...

кто может помочь отзовитесь. заранее спасибо!!

а можно увидеть скрипт?

это первый этап скрипта. определение данных.. далее будет ajax.

выглядит так:

var data = {
vencode: $('.vencode#' + vencode).val(),
name: $('.name#' + vencode).val()
};

в итоге на сервер уходит data = {
vencode: 'значение',
name: undefined
};

оба dom элемента определяются как существующие, но второй возвращает несуществующее значение... хотя там в худшем случае должна быть пустая строка... оба элемента это input

CrazyDev,
а нельзя id убрать или сделать разным?

как вы это оределили?

id убрать нельзя т.к. на странице отображены несколько уникальных товаров и id важен.

они и так разные. вложены в переменную vencode из обращения должно быть видно..

на метод .is() оба возвращают true

CrazyDev,
не могу это совместить

действительно сам затупил..

благодаря отзывчивости форума было найдено решение проблемы!! в данном коде была беда в том, что на странице и правда было несколько элементов с одинаковыми id, что и ломало весь скрипт...

благодаря советам старших было установлено, что в подобных случаях лучше использовать атрибуты data. если брать конкретный пример, то обратиться к нему можно так: $('.name[data-id="значение"').val();

спасибо за помощь j0hnik!!!))))