how to select an element's father that the child has specific attribute value

Question

0.00/5 (No votes)

See more:

i have this code:

VB

$("#Panel ul li a").find("[value='art6']").parent().css("styles here");

i want to access the Li , father of A , and manipulate it!
but it does not work how can i do that?

plz help!

Posted 25-Sep-13 3:42am

Moosavi S.M.

Updated 25-Sep-13 3:51am

v3

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Brian A Stephens · Accepted Answer · 2013-09-25T06:29:00

In jQuery, the find() method is to
"Get the descendants of each element in the current set of matched elements, filtered by a selector, jQuery object, or element."

So the problem is that your first selector goes all the way down to the anchors themselves, then your find() is looking for a descendant of an anchor.

Change to this and it will work:

$("#Panel ul li").find("a[value='art6']").parent().css("styles here");

François Wahl · Accepted Answer · 2013-09-25T06:28:00

In your example code you are not asking for the parent of a.

$("#Panel ul li a").find("[value='art6']") will look for an element inside a matching [value='art6'].

Find returns the element you were looking for (or 0 length jQuery wrapper if it can't find it) and as such when using .parent() on the result of .find() you are asking for the parent of [value='art6'] instead, which is not a.

Not knowing how deep your element [value='art6'] is inside a your best bet is to use:

JavaScript

$("#Panel ul li a").find("[value='art6']").closest('li').css("styles here");

However, if you wanted to look for an a element which itself has a value of art6 then your selector is wrong to begin with and should be this:

JavaScript

$("#Panel ul li a[value='art6']").parent().css("styles here");

In the above scenario the li can be omitted as the direct parent to your selector is the li already.

As you have not posted your actual HTML markup it is not possible to know if your selector is wrong or your usage of .parent() but hopefully one of the examples above helps you in solving your issue.

how to select an element's father that the child has specific attribute value

2 solutions

Solution 2

Solution 1

Add your solution here

Preview 0