jQuery: Find previous element with class

Question

I have a really simple problem.

How can I find the first previous element of another element? I tried the code below without success.

HTML:

<div class = "A">HERE</div>

<div class="B">
    <div class="C" style="width:50px;height:50px;background-color:#000000;"></div>
</div>

JS:

$('.C').click(function() {

        alert($(this).closest('.A').html());

});

Fiddle: http://jsfiddle.net/Mcujp/4/

Answer 1

If you are trying to get the preceding sibling, use .prev().

If you are trying to get the sibling of the parent (like in your example) use .parent().prev().

Answer 2

Try this:

$('.C').click(function() {

        alert($(this).parent().prev('.A').html());

});