не в состоянии извлечь значение текстового поля

Question

не в состоянии извлечь значение текстового поля

Я пытаюсь следующий код

$(document).on('focusout', '.barcode', function(event){ 
       event.preventDefault(); 

       var pid=$(this).parents('.row').attr('id'); 
       alert(pid); 
       var bcd=$(pid+' .barcode').val(); 
       alert($(pid+' .barcode')); 
       alert(bcd); 
       var datastr='barCode='+bcd; 
       alert(datastr); 
      }); 

Я пытаюсь его следующий HTML

<tr class="row" id="item10"> 
            <td><input type="text" name="barcode" class="barcode" style="width: 50px"/></td> 
            <td><input type="text" name="type" class="type" style="width: 50px"/></td> 
            <td><input type="text" name="color" class="color" style="width: 50px"/></td> 
            <td><input type="text" name="qty" class="qty" style="width: 50px"/></td> 
            <td><input type="text" name="price" class="price" style="width: 50px"/></td> 

           </tr> 


    value of var `id` is correct but `bcd` and `dataStr` is not correct. 

Пожалуйста, посмотрите, пожалуйста, в чем проблема

Answer 1

Вам не хватает указатель "#" id

var bcd=$("#"+pid+' .barcode').val(); 

или

var pid="#"+$(this).parents('.row').attr('id'); 

И <tr> должны быть обернуты <table> упаковывают ваш нет.

DEMO

Answer 2

Кроме того, это вы код внутри

$(document).ready(function() { 
...... 
}); 

Answer 3

 $(document).on('focusout', '.barcode', function(event){ 
      event.preventDefault(); 
      alert($(this).val()); 
     }); 

вы можете просто использовать $ (это) .val(), чтобы получить значение этого элемента