How to get the previous text value of a div by clicking a html item?

Question

In the image below is the HTML code:

and this is my js code:

$(".salveazaTransaSuma").click(function(){
   var payment_name = $(this).siblings().previous(".transaContentEdit").text();
   alert(payment_name);
});

So I want to get the text value from the transaContentEdit class, when i click on the salveazaTransa class. Don't Worry about the white spaces before and after the text value ("Servicii programare Transa 1"). Appearantly my code doesn't work. It gives me an error in firebug "TypeError: $(...).siblings(...).previous is not a function". Any idea how to hande this ?

Answer 1

Based on your image, you can use:

$(".salveazaTransaSuma").click(function(){
   var payment_name = $(this).closest('.litransa').prev().find(".transaContentEdit").text();
   alert(payment_name);
});

Answer 2

previous is not a function use prev.

var payment_name = $(this).closest('.litransa').prev(".transaContentEdit").text();

Answer 3

You need prev not previous

$(".salveazaTransaSuma").click(function(){
   var payment_name = $(this).closest('div.litrans.suma').prev().find(".transaContentEdit").text();
   alert(payment_name);
});