javascript - jQueryは要素の上のLIを選択します

Question

background-colorボタンの上のリスト項目を選択し、その親を赤に変更しようとしています。

    <li>red bg on click <input class="addtocart" value="press" name="button"></li>
    <li>red bg on click <input class="addtocart" value="press" name="button"></li>
    <li>red bg on click <input class="addtocart" value="press" name="button"></li>
    <li>red bg on click <input class="addtocart" value="press" name="button"></li>

これまでのjQuery：

$(document).ready(function() {
  $(".addtocart").click( function(){
     $('li').parent().css('background-color', 'red');
  });
});

私が見る限り、それは正しいように見えますが、別の要素のbackground-color.

ありがとう

Answer 1

使用するthis

$(this).parent().css('background-color', 'red');

Answer 2

試す：

$(document).ready(function() {

      $(".addtocart").click( function()
           {
             $(this).closest('li').css('background-color', 'red');
           }
      );
});

Answer 3

セレクターが間違っています。this現在の要素に使用してみてください

使用 すると、すべての要素$('li')に適用されますli

$(this).parent().c....

Answer 4

現在クリックされている要素が必要です

$(this).parent().css('background-color', 'red');

デモ:フィドル

Answer 5

これに変更してみてください：

$(this).parent().css('background-color', 'red');