One slight change to setting the image title by using $(this):
$("img").click(function () {
var $title = $(this).parent().next('li.title');
$title.css("text-decoration", "underline");
$(this).attr("title", $title.text());
});
On Mar 12, 3:55 pm, James <james.gp....@gmail.com> wrote:
> Maybe something like:
>
> $("img").click(function () {
> var $title = $(this).parent().next('li.title');
> $title.css("text-decoration", "underline");
> $("img").attr("title", $title.text());
> });
>
> I haven't tested it, but the idea is to get the parent of the clicked
> image with:
> $(this).parent()
> and then get the sibling with the class 'title'. This will be
> referenced with the variable $title.
>
> On Mar 12, 11:46 am, truthseekr <ponn...@gmail.com> wrote:
>
> > I am a beginner, so please excuse my ignorance.
> > I have a simple html page with the following structure.
> > When the image is clicked, I want to be able to get the title of the
> > person and add as title of the image.
> > I am not sure how to get the selected element 'title' and not all the
> > li.title class items.
>
> > My JS looks like
> > $(document).ready(function(){
> > $("img").click(function () {
> > $("li.title").css("text-decoration", "underline");
> > $("img").attr("title",$("li.title").text());
> > });
> > });
>
> > <body>
> > <ul id="infolist">
> > <li>
> > <a class="personName" href="#">Mary Adams</a>
> > <div class="person">
> > <ul>
> > <li class="portrait">
> > <img src="images/dtv_bg.png" alt="Mary
> > Adams" height="30" width="30" title="asdadsa">
> > </li>
> > <li class="title">Vice President</li>
> > <li class="office">102 Bldg 1</li>
> > </li>
> > </ul>
> > </div>
> > </li>
> > <li>
> > <a class="personName" href="#">John Matthews</a>
> > <div class="person">
> > <ul>
> > <li class="portrait">
> > <img src="images/dtv_bg.png" alt="John
> > Matthews" height="30" width="30">
> > </li>
> > <li class="title">Middle Manager</li>
> > <li class="office">307 Bldg 1</li>
>
>
