javascript - 一括ではなく単一の入力値を変更する方法は?

Question

アイテムのリストがあり、各アイテムには1つのチェックボックスと1つのテキスト入力ボックスがあります。チェックボックスがチェックされている場合、この項目の「menu_order_input」の値を 0 に設定したいと考えています。

 jQuery(document).ready( function($) {
       $(document).on('change','input[type="checkbox"][name^="gal-item"]',
       function(){
           $('.menu_order_input').val(0);
 });

上記のコードでは、1 つのチェックボックスをオンにすると、すべての項目の menu_order_input 値が 0 に設定されます。この関数を使用して 1 つの項目の値のみを変更するにはどうすればよいですか?

[編集] menu_order_input" は div 内にラップされ、チェックボックスはラッパーなしです。javascript によって "menue_order" div の前に html に挿入されます。

Answer 1

HTML マークアップに依存します。

たとえば、両方がテーブル行にある場合は、次を使用できます$(this).closest('tr').find('menu_order_input').val(0);

または、入力がチェックボックスの直後に続く場合は、次を使用します。 $(this).next('.menu_order_item').val(0);

またはjQuery の他の多数の関数のいずれか: DOM のトラバース

Answer 2

$(this).siblings('.menu_order_input').val(0);