這個問題在這里已經有了答案： 如何使用 jQuery 選擇兄弟元素？ (11 個回答) 12 分鐘前關閉。
假設我有以下代碼：
{% for i in range(43) %}
<div class="col-sm-6 col-md-4 col-xl-3 col-lg-3 my-2 d-flex">
<div class="card h-100">
<img src="/static/images/khaltat_1 ({{ i 1 }}).jpeg" class="card-img-top h-80"
alt="Perfume">
<div class="card-body flex-fill">
<input type="hidden" value="{{ i 1 }}" name="id">
</div>
<div class="card-title px-2">Price: BD5</div><h5 class="px-2">60ML</h5>
<input type="hidden" value="{{ i 1 }}" name="id">
<select class="form-select" aria-label="Default" name="counts">
<option selected value="1">quantity</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<button type="button" class="btn btn-success" id="button">Add To Cart</button>
</div>
</div>
{% endfor %}
-------------------------------JavaScript----------------------------
<script>
$(function() {
$("button").on("click", function() {
$.ajax({
method: "POST",
url: "cart",
data: {id:$('input[name="id"]').val(),
counts:$('select[name="counts"]').val()},
success: function(data, status, xhr) {
console.log(data);
},
error: function(x,s,err) {
console.log(err);
}
});
});
});
</script>
當按鈕單擊時，我正在使用 ajax 將特定專案提交到購物車
此代碼回傳頁面中的第一個輸入欄位，我怎樣才能讓它給出最近的欄位？
uj5u.com熱心網友回復：
用于siblings()獲取同一個 DIV 的子元素。
data: {
id: $(this).siblings('input[name="id"]').val(),
counts: $(this).siblings('select[name="counts"]').val()
},
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/427187.html
標籤：javascript html jQuery
下一篇：CSS影片在重復幾次后停止作業