入力データが定義されていません

Question

入力があるテーブルがあります。

<tr id="1"> 
    <th>1</th> 
    <th>ball</th> 
    <th>10euro</th> 
    <th><input type="text" class="input col-xs-1 sum" value="1"></th> 
    <th style="text-align:center;"><i class="fa fa-shopping-cart fa-2x"></i></th> 
    <th style="text-align:center;"><i class="fa fa-times fa-2x" id="addproduct1"></i></th> 
</tr> 

、スクリプト

var data = $("#1.sum").value; 
alert(data); 

しかし、データは常にnull /未定義です。私が試したあらゆる方法はnull/undefinedです。あなたは私を助けて何が間違っているのか教えてください。

Answer 1

セレクタが閉じていますが間違っています。あなたのIDとクラスの間のスペースがなければ、あなたは1のIDとsumのクラスを持つ要素を探している - あなたが欲しい：

var data = $("#1 .sum").val(); 

を今ではあるsumのクラスを持つ要素を探しますIDが1の要素の子です。 $（「＃1 .SUM」：

はまた、.valueはDOM要素のプロパティであるあなたが.val()