var rows = jQuery("tbody tr");
rows.each(function(){
var row = jQuery(this)
row.click(function(event){
alert(row.children("td.hidden_url_field_for_track_list").text());
});
});
Haven't tested but you could try something like this maybe.
On Tue, Dec 23, 2008 at 11:40 AM, j0llyr0g3r <
th3.gr31t.j0lly.r0...@googlemail.com> wrote:
>
> 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
