Retrieve text value from the first row in the same column by class name

Question

I have a table which will only ever have three rows. There is an image which is an anchor tag in the third row and from the click event of this anchor tag I want to retrieve the text value from the first row in the same column by the class name of thisEventName.


    
        
            Event
            )Event #1
            )Event #2
            )Event #3
        
        
            Target Day(s)
            2
            3
            28
        
        
            Performed Day

I've tried things like this but to no avail

$(this).closest('td').find('.thisEventName').text();

user_2181514 · Answer

You can use .index() on the parent td, which will give its relative position within its parent (ie will give the column).

var idx = $(this).closest("td").index();

Then you can get the same column's td from the first row

$(this).closest("tbody").find("tr td").eq(idx)

Giving updated snippet:

$(".performedDayLink").click(function() {
  var idx = $(this).closest("td").index();
  var txt = $(this).closest("tbody").find("tr td").eq(idx).text();
  $("#out").text(txt);
  return false;
});



  
    
      Event
      )Event #1
      )Event #2
      )Event #3
    
    
      Target Day(s)
      2
      3
      28
    
    
      Performed Day
      
        EDIT 1
      
      
        EDIT 2
      
      
        EDIT 3

Retrieve text value from the first row in the same column by class name

1 Answers