jQuery - Element mit Klasse zuvor finden

[Raketensuchmaschinenbediener]

Du suchst das vorhergehende Geschwister (sibling).

https://api.jquery.com/prev/

In Deinem Codepen funktioniert also:

$( document ).ready(function() {
  function getValues(event){
    $(this).parents('li').prev().css('background', 'red');
  }
  $('button').click(getValues);
  
});

https://codepen.io/ebody/pen/NWqMqbQ?editors=1010