0

特定の問題に関する情報がどこにも見つからなかったので、これはばかげた質問かもしれません。これは私の最初の javascript/html プロジェクトです。

本の名前とその価格を、関連付けられた ID (book1 と price1) で渡したいと思います。私の考えでは、このようにして、後で名前または価格が変更された場合、関数「addToCart(book1,price1)」は更新された名前/価格を自動的に渡します。javascript/html5 でこの方法で文字列を関数に渡すことは可能ですか?

コードの一部を次に示します。

<td>
    <span class="bookName" id="book1">
        <b>Artificial Intelligence: Modern Approach</b>
    </span> <br>
    <b>PRICE: $</b> 
    <span id="price1"> 158.55 </span> 
    <button type="button" onclick="addToCart(book1, price1)">Add to cart!</button>
</td>

前もって感謝します！

4

2 に答える 2

3

HTML

<button type="button" onclick="addToCart('book1', 'price1')">Add to cart!</button>

JS

function addToCart(productId, priceId) {
    // ...
}

コードに関するその他の注意事項:

  • <br />の代わりに使用してください<br>。それ以外の場合は有効な HTML ではありません
  • 理想的には<label>タグを使用します。これにより、よりアクセスしやすくなります

例えば

<label for="price1">PRICE:</label>
<span>$</span>
<span id="price1">158.55</span>
  • 通常<script>、HTML 属性ではなく、別の JavaScript ファイル (またはタグ) でイベントをフックすることをお勧めします。これにより、機能とマークアップ/UI がより明確に分離されます。
于 2013-02-27T22:08:10.613 に答える
0

jqueryを使用していると仮定します：

onClick="addToCart($(this).siblings('.bookName').text(), $(this).siblings('.price').text())"

これには、クラスを価格範囲 ( ) に配置する必要があります<span class="price">158.55</span>。

覚えておいてください... DOM 内のすべての要素は、その場所を「認識」しており、このツリーを簡単に上下に移動して、近くにある関連要素を見つけることができます。

于 2013-02-27T22:08:36.813 に答える