Find the closest element by class from previous all elements [closed]

Answer 1

Use .prevAll() to select preceding siblings matching a selector.

alert($(this).prevAll(".header_class").first().text());

Answer 2

Try

$(function() {
  $('li[class^=ooption]').on('click', function() {
    console.log( $(this).prevAll('.header_class').eq(0).text() );
  });
});

Answer 3

Use .prevAll().

jQuery('.option_class').click(function () {
    var theText = jQuery(this).prevAll('.header_class').first().text();
    alert(theText);
});

JSFiddle here.