Thanks Shawn! This explanation of (this) helped me a great deal! And
helped my application!

Rob

On Apr 22, 5:33 am, Shawn <[EMAIL PROTECTED]> wrote:
> 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

Reply via email to