同じonlick機能を持つボタンを持つ複数の製品divがあります。ボタンをクリックしたときに入力フィールドの値を取得したいです。入力フィールドとボタンの両方が同じdivに属しています。現在、いずれかのクリックで最初の製品の値を取得しています。ボタン。助けてください
<div class="buy" style="text-align:center;">
<span style="margin-right:3px;font-size:14px;" class="Lite_Price">$15.00</span>
<input type="hidden" maxlength="2" name="qty" class="quantity-wrp" id="itemqty" value="1">
<input type="hidden" name="prod_id" id="prod_id" value="150">
<input type="hidden" name="code" id="code" value="151PM">
<input type="button" value="" onclick="promoproduct(this.id)" id="promo_button_1">
<div class="buy" style="text-align:center;">
<span style="margin-right:3px;font-size:14px;" class="Lite_Price">$20.00</span>
<input type="hidden" maxlength="2" name="qty" class="quantity-wrp" id="itemqty" value="1">
<input type="hidden" name="prod_id" id="prod_id" value="151">
<input type="hidden" name="code" id="code" value="152PM">
<input type="button" value="" onclick="promoproduct(this.id)" id="promo_button_2">
function promoproduct(clicked_id){
var qty = $("#itemqty").val();
var prod_id = $("#prod_idprod_id").val();
var code = $("#code").val();
識別子は一意である必要があります。
現在の要素の内容this
をインラインクリックイベントハンドラーに渡す必要があります。共通のクラスとさまざまなトラバーサルメソッドを使用して、要素をターゲットにすることができます。
<input type="button" value="" onclick="promoproduct(this)" id="promo_button_2">
次に、関係をbuy
使用して、を使用して.parent()
/.closest()
後で使用して親をターゲットにします.find()
function promoproduct(clickedElem){
var parent = $(clickedElem).closest(".buy");
var qty = parent.find('.quantity-wrp').val();
var prod_id = parent.find('[name="prod_id"]').val();
var code = parent.find('name="code"').val();
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加