asked on 10/10/2011

Selecting an element with jquery

Hi

I have an html page with attached code in. When i click the anchor link (id = "click6") i want to select the div that is directly previous to it . (the one that has display none)

How can i do that with jquery?

Thanks

<div style="width:590px; float:right; margin-top:32px;">
    <p>content...</p>
    
    <div style="display: none">
     <p>Content<p>
    </div>
    <p><a id="click6" name="click">EXPAND BIO</a>.</p>

Open in new window

JavaScript Web Languages and Standards

Last Comment

coolispaul

10/10/2011

Gurvinder Pal Singh

10/10/2011

following code will highlight that div when the link is clicked

$("a#click6").bind("click", function(){

$(this).prev("div").css("border", "2px solid red")
});

ASKER CERTIFIED SOLUTION

Eyal

10/10/2011

THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.

View this solution by signing up for a free trial.

Members can start a 7-Day free trial and enjoy unlimited access to the platform.

See Pricing Options

Start Free Trial

SOLUTION

Gurvinder Pal Singh

10/10/2011

THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.

View this solution by signing up for a free trial.

Members can start a 7-Day free trial and enjoy unlimited access to the platform.

See Pricing Options

Start Free Trial

coolispaul

10/10/2011

ASKER

great yes it works with parent()

Why doesnt $(this).prev("div") work? thats actually what i tried..

Cheers

Gurvinder Pal Singh

10/10/2011

because anchor is inside the <p> and is not at the same level as div

SOLUTION

Eyal

10/10/2011

THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.

View this solution by signing up for a free trial.

Members can start a 7-Day free trial and enjoy unlimited access to the platform.

See Pricing Options

Start Free Trial

coolispaul

10/10/2011

ASKER

oh ok i thought .prev(div) just looked for the previous "div" element in the HTML regardless of being sibling or not.

Ok thanks

JavaScript

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and in almost every mainstream web browser.

127K

Questions

Followers

Top Experts

Get a personalized solution from industry experts

Ask the experts

"Invaluable tool for our organization"
Josh Regalski
"This is the best money I have ever spent."
@rwheeler23
"Your help has saved me hundreds of hours of internet surfing."
@fblack61
"Just a dang good service!"
@golferski
"Worth every penny."
Steve Hougom
"It’s been a life saver."
Maria Halt
"Best support site I’ve seen!"
Bob Schneider
"I would be lost without them."
@fblack61
"Saved my job multiple times."
Walt Forbes
"I love this site."
Maria Duwe
"Friendly respectful help."
Andrew Kowtalo
"Such top-notch experts."
@magento
"The best money I have ever spent."
@rwheeler23
"Beyond any comprehensible value"
George Morris
"Invaluable tool for our organization"
Josh Regalski
"This is the best money I have ever spent."
@rwheeler23

Read over 600 more reviews

TRUSTED BY