[jQuery] how to select the content of the current table row?

[j0llyr0g3r]

Hey guys,

i'm having a hard time with jquery right now.

Imagine the following simple table:

CODE:

         <table border='1' id='list_tracks_table'>
            <colgroup>
              <col width='40%' />
              <col width='20%' />
              <col width='20%' />
              <col width='20%' />
              <col width='0%' />
            </colgroup>

            <thead>
              <tr>
                <th>Title</th>
                <th>
                  Genre
                </th>
                <th>
                  Speed
                </th>
                <th>
                  Length
                </th>
              </tr>
            </thead>
            <tbody>
              <tr>

                <td>
                  Cocktail Lounge
                </td>
                <td>
                  Chill
                </td>
                <td>
                  126
                </td>
                <td>

                  03:03
                </td>
                <td class='hidden_url_field_for_track_list'>
                  /mp3/stream/MM-MB-0030-COCKTAIL-LOUNGE-126BPM.mp3
................

As you can see, the last field of the row gets hidden via CSS.
Now i have defined an onclick-Handler for every row of the table like
this:

CODE:

        function addClickHandler(tableId)       {

                var tableObj = document.getElementById(tableId);
                var tBody = tableObj.getElementsByTagName('TBODY');
                if(tBody){
                        var rows = tBody[0].getElementsByTagName('TR');
                }else{
                        var rows = tableObj.getElementsByTagName('TR');
                }
                for(var no=0;no<rows.length;no++){
                        rows[no].onclick = clickOnTableRow
                }
        }

'clickOnTableRow' looks like this:

CODE:

        function clickOnTableRow()
        {
          alert ("working!")
       }

Now, clickOnTableRow() is working when i click on a table row (i can
see that because of the alert-box), but how can i now select the
contents of the last hidden field of this exact row?

I tried it like this:

CODE:
        function clickOnTableRow()
        {
                var foo = 
jQuery(this).('hidden_url_field_for_track_list').text();
                console.info("content: " + foo);
        }

but this gives me:

"content: undefined"

Then i tried:

        function clickOnTableRow()
        {
                var foo = jQuery('hidden_url_field_for_track_list').text();
                console.info("content: " + foo);
        }

but this gives me just:

"content:"

What am i doing wrong here?


But no