javascript - サービングの変更に合わせてレシピの材料を変更する

Question

私は単一のレシピページでレシピサイト（この問題を除いてほぼ完成しています）に取り組んでいます。入力フィールドとレシピの材料を提供するレシピがあります。

私の質問は、jqueryを使用して、サービングが変更された場合にレシピの材料を動的に変更したいということです

同様の閉鎖された脅威を見たことがありますが、役に立たなかった私の正確なコードは次のようになります

            Serving: <input type="text" name="serving" class="serving" value="5"/> persons 

            <h3>ingredients</h3>
            <ul class="ingredients">
            <li class="ingredient">
            <span class="amount">1</span> cups
            <span class="name"><a href="http://www.mysite.com/ingredient/yogurt/">yogurt</a></span> 
            </li>

            <li class="ingredient">
            <span class="amount">2</span> tbsp
            <span class="name"><a href="http://www.mysite.com/ingredient/yogurt/">chillies</a></span> 
            </li>

            <li class="ingredient">
            <span class="amount">3</span> pieces
            <span class="name"><a href="http://www.mysite.com/ingredient/yogurt/">butter</a></span> 
            </li>
            </ul>

保留中のサイトを完成させるために、これに関する助けをいただければ幸いです

よろしく

Answer 1

これを試してください：http://jsfiddle.net/vansimke/tLWpr/