ansaurus

Question

jquery access to a user specific collection via table index?!

Answer 1

A:

It's really difficult to understand what you are trying to achieve. If you know the particular row which you want to access, you can always do this,

var rowIndex = 1;
$('table tr:eq(' + rowIndex + ') td').each( function() { /* cell for the row identified by rowIndex. */});

You can also access all the tds having the same class name.

$('td.myB').each( function() { } ); //Access all the cells having class 'myB'.

SolutionYogi 2009-07-17 06:29:22

how to access the row only and the tds only defined by className is clear but looking between different rows to extract the data belonging to the table td index is the problem

2009-07-17 06:36:44

index of the TD is not sufficient to identify a cell uniquely. E.g. index of 2 may mean last cell in first row OR last cell in 3rd row. How to decide? You need additional information to locate the element.

SolutionYogi 2009-07-17 06:38:06

ok call itt not index: call it position: from all rows the content of the td with the position 2 (which means if start from 1 -> each middle column)

2009-07-17 06:46:44

Answer 2

A:

I'm not sure if this is what you are looking for, but this function, given a particular table element reference, and zero-based index, will return an array of cells in that particular column. Let me know if this makes sense.

function get_table_column(table, index) {
    cells = []
    $('tr', table).each(function() { 
        cells.push ($('td:eq(' + index + ')', this));
    });

    return cells;        
}

sixthgear 2009-07-17 06:59:30

Answer 3

+1 A:

Here is probably what you are looking for:

<html>
    <head>
    </head>
    <body>
     <table>
      <tr>
       <td class="A">First Name 1</td>
       <td class="A">First Name 2</td>
       <td class="A">First Name 3</td>
      </tr>
      <tr>
       <td class="A">Last Name 1</td>
       <td class="B">Last Name 2</td>
       <td class="B">Last Name 3</td>
      </tr>
     </table>
     <script src="jquery-1.3.2.min.js"></script>
     <script>
     $(function() {
      var idx = 2;
      var data = [];
      $("tr td:nth-child(" + idx +")")
      .each(function() { 
       data[data.length] = $(this).text(); 
      });
      var person = { 
       firstName : data[0], 
       lastName : data[1] };

      alert (person.firstName + " " + person.lastName);
     });
     </script>
    </body>
</html>

The example above will give you firstname 2 and lastname 2 from the multiple rows (td index = 2)

Jimmy Chandra 2009-07-17 07:02:58

+1 for nth-child. I forgot about that selector in my answer.

sixthgear 2009-07-17 07:09:05

keeping css selector cheat sheet close by :) Comes in handy. Don't remember it on top of my head either.

Jimmy Chandra 2009-07-17 07:28:53

ansaurus

tags:

views:

answers:

jquery access to a user specific collection via table index?!

related questions