jQuery nested selector for an 'src' image URL

Question

I have the below HTML structure.

    <td id="123">
      ...
    <td>
        <ul>
            <li class"open"><img src="path" /></li>
            ...
        </ul>
    </td>
</tr>
<td id="125">
...

I want to do this:

select li.open of #123 and change the class to li.pending
select the src attribute of the #123>li.open image and change it to "newpath"

I tried to select them by:

$('#123>li.open img').attr("src");
...to add the new src

$('#123>li.open').removeClass("open").addClass("pending");

How can I fix this problem?

First things first, you shouldn't use numeric id values. IDs should always start with a letter. — Ghazanfar Mir
– Ghazanfar Mir, Commented Sep 15, 2011 at 14:53
@Felix Kling: You mean #123 li.open? #123>li.open and #123 > li.open are the same. — BoltClock
– BoltClock, Commented Sep 15, 2011 at 14:56

Alnitak · Accepted Answer · 2011-09-15 14:58:08Z

3

The > CSS operator enforces a direct parent-child relationship. You have a <td> and <ul> element in between.

Remove the > and all should be fine.

[and per comments, for backwards compatibility don't use numbers for IDs].

answered Sep 15, 2011 at 14:58

Alnitak

341k72 gold badges420 silver badges503 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Peter Mortensen · Accepted Answer · 2012-01-21 11:30:40Z

0

Your CSS-selector says: find li.open as a direct child of #123, but that's never true, because you have at least a td, ul under your #123 element.

$('#123 li.open>img').attr("src");

is more true in the markup you have posted above. img is a direct child of li.open.

edited Jan 21, 2012 at 11:30

Peter Mortensen

31.4k22 gold badges110 silver badges134 bronze badges

answered Sep 15, 2011 at 14:59

voigtan

9,0212 gold badges31 silver badges30 bronze badges

Collectives™ on Stack Overflow

jQuery nested selector for an 'src' image URL

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related