[jQuery] how to select the content of the current table row?
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