HTML:jQueryのkeyUpイベント - 見えない第二の入力
<div id="block">
<input type="text" value="1" id="number" />
<div id="price"></div>
</div>
<div id="block">
<input type="text" value="1" id="number" />
<div id="price"></div>
</div>
のjQuery:
<script type="text/javascript">
$(function() {
$("#number").keyup(function() {
var value = $(this).val()*5;
$("#price").text(value);
}).keyup();
});
</script>
価格は、最初に表示されます。どうして?
どうすれば正しいですか? ブロックは無限にすることができます。
UPDATE:
メイク:それはどのように関連付ける
var id = 1;
$('.number').each(function() {
$(this).attr('id', 'id_' + id++);
});
? ブロックは無限にすることができます。
あなたはあなたが私はあなたのコメントを見ている必要がありますHTML – anson
で 'class'ような価格を持っている場合、価格の' ID'を見つけよう;)+1 – mprabhat
いいえ、 'price'は間違い' IDです'(編集後に)。 ***が***クラス***であるべきですが、***はドキュメント内で一意でなければなりません。*** http://www.w3.org/TR/html401/struct /global.html#h-7.5.2)。 –