jQuery select 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

你的選擇是錯誤的。嘗試使用this當前元素

當您使用$('li')這將適用於所有li元素

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

Answer 3

嘗試：

$(document).ready(function() { 

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

Answer 4

您需要當前點擊的元素

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

演示：Fiddle

Answer 5

試圖改變這樣的：

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