只选中类jquery中的复选框

Question

我有多个div的相同类和每个开发有一些输入框。每当我改变输入框中的值时，在div中所有的输入框都应该更新该特定div中的值而不是所有div的

<div class="select-guest__info table-responsive ">

<input class="js-qty" type="number" value="2" />
<input class="js-qty" type="number" value="2" />
<input class="js-qty" type="number" value="2" />

</div>
<div class="select-guest__info table-responsive ">

<input class="js-qty" type="number" value="1" />
<input class="js-qty" type="number" value="1" />
<input class="js-qty" type="number" value="1" />

</div>

I tried with

$('.select-guest__info .js-qty').each(function () {
$(this).val(val);
});

但是所有的输入框都用最新的值更新。如何只更新div内的输入框

问候,Sree .

Answer 1

您可以使用siblings()来针对所有兄弟输入并在那里更改值。

演示代码 :

$(".js-qty").change(function() {
$(this).siblings().val($(this).val())
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="select-guest__info table-responsive ">
<input class="js-qty" type="number" value="2" />
<input class="js-qty" type="number" value="2" />
<input class="js-qty" type="number" value="2" />
</div>
<div class="select-guest__info table-responsive ">
<input class="js-qty" type="number" value="1" />
<input class="js-qty" type="number" value="1" />
<input class="js-qty" type="number" value="1" />
</div>