I *think* you are after something like this:
<script type="text/javascript">
$(".stripeMe tr").click(function() {
var MyVal = $("#LNAME", this).val();
javascript:location.href='test.html&Myval=' + MyVal;
});
</script>
having a line that says $this(); doesn't really do anything, if it
doesn't outright cause an error.
"this" in JavaScript is always context sensitive and normally refers to
the object that triggered an event, or the call to the function. (this
is a gross simplification, but....). With that in mind, each time your
click function gets executed, "this" will refer to the ".stripeMe tr"
object that initiated the click.
Now, there are a bunch of ways to use "this". And for what you are
after, there are a number of different approaches. The sample I
provided above says "find all objects with an id of #LNAME relative to
the 'this' object". In terms of the DOM, only objects that are a child,
or grandchild of the object represented by 'this' will be found (if any).
You could change this to avoid the context bit with something like
$(this).find("#LNAME").val()
Whatever works best for you, and that you understand.
Hope that helps.
Shawn
binro01 wrote:
I been going through JQuery to add it to my knowledge base so I can
integrate some of its functionality to our new web 2.0 UI for our
applications which use to reside in RPG on IBM system i.
I have created is a "zebra" list that I want to click on the list to
help build the next page. There is a hidden element in the <tr> that
is highlighted that I need the value of to build the URL for the next
page. Im trying to use a this() that is then chained to get the value
of that element, but Im having no luck. Any help will be appreciated.
my jQuery looks like:
<script type="text/javascript">
$(document).ready(function(){
$(".stripeMe tr").click(function() {
$this();
var MyVal = $("#LNAME").val();
javascript:location.href='test.html&Myval=' + MyVal;
});
$(".stripeMe tr").mouseover(function() {$
(this).addClass("over");}).mouseout(function() {$
(this).removeClass("over");});
$('.stripeMe tr:even').addClass('alt');
});
</script>
The HTML Looks like:
<table>
<thead>
<tr>
<th>Lorem</th>
<th>Ipsum</th>
<th>Dolor</th>
<th>Sit</th>
<th>Amet</th>
</tr>
</thead>
<tbody class="stripeMe">
<tr>
<td>Lorem</td>
<td>Ipsum<input type="hidden" id="LNAME"
value="Ipsum1"></td>
<td>Dolor</td>
<td>Sit</td>
<td>Amet</td>
</tr>
<tr> ... So On and so forth with the same format as above
Once again, once the user clicks a row <tr> I need to get the LNAME
hidden element's value to build the URL that I will redirect the user
to.
Thanks in advance!
Rob
