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');

演示：Fiddle

Answer 5

尝试更改为：

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

jQuery在元素上面选择LI

5 个答案: