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>
