Jquery Select Parent Elements Sibling

Ok, lets see if I can explain this clearly enough here. My HTML looks like

Fries

Solution 1:

It should just be:

$('.info_remove,.info_favorite').on('click', function() {
   var $left = $(this).parent().siblings('.info_left');
   var rel = $left.attr('rel');
   var txt = $left.text();
   ...
});

Solution 2:

jsFiddle example

$(document).ready(function(){
    $(".info_right span").click(function(){
        $("#msg").html($(this).attr("class")+": "+$(this).parent().prev().attr("rel"));
    })
})

Solution 3:

try this

$('.info_remove,.info_favorite').click(function() {
   var target_elem = $(this).parent().prev();
   alert(target_elem.attr('rel'));
   alert(target_elem.text());
});

fiddle : http://jsfiddle.net/ss37P/1/

Share