ansaurus

Question

select a div's all links but not child divs' links

Answer 1

+6 A:

use the direct child selector >

e.g

$('div>a')

UPDATE: to appease Mr RoBorg

If you do have anchors inside nested elements inside the first div then the following will work. This uses a filter to ensure that the parent div is indeed the div you are targetting rather than a nested div.

Demo

  var firstDivAnchors = $('div a').filter( function(){
        return $(this).closest('div').is('#yourDiv');
  });

redsquare 2009-01-13 11:24:19

Not quite... this won't get <div><span><a>... which the question suggests it should

Greg 2009-01-13 11:30:10

he said a divs links, not a div spans links.

redsquare 2009-01-13 11:40:36

Answer 2

A:

If there is a specific div you want to target, you can try:

$("div#mydiv a :not(div a)");

EDIT: It would be great if you post some more context (HTML) :)

Danita 2009-01-13 11:52:13

that will always give 0 results

redsquare 2009-01-13 11:57:01

It is working on my site (www.viajeros.com). Try it in firebug: $("div#footer a :not(div a)");

Danita 2009-01-13 11:58:13

I think it works by virtue of CSS selectors weight: "div#something" weights more than only "div"

Danita 2009-01-13 11:59:54

see http://pastebin.me/496c817fe0c7e

redsquare 2009-01-13 12:00:19

@Danita - you need to check your markup at w3c, many errors (240+) which will mean strange selector results

redsquare 2009-01-13 12:03:50

your #footer does in fact have 0 anchor tags without being in child divs, your above selector reports 2

redsquare 2009-01-13 12:09:14

@redsquare Special care has been taken to conform to w3c recommendations. Also we are checking our pages with HTML Tidy for Firefox. We have 20 warnings (not 240+, not errors) in the homepage, most of which are from code we're required to keep verbatim and for special markup for WAI-ARIA.

Danita 2009-01-14 11:47:40

@redsquare As for the specific question of this thread, you're right. I was wrong.

Danita 2009-01-14 11:50:22

@Danita go here http://tinyurl.com/98g2u7 your site has 247 Errors, 29 warning(s)....

redsquare 2009-01-15 13:23:35

Answer 3

+1 A:

I don't remember quite well, but doesn't children() does this work?

$(thisDiv).children('a')

In docs.jquery.com it reads: children() Get a set of elements containing all of the unique immediate children of each of the matched set of elements.

Ricardo Vega 2009-01-13 12:11:50

Yeah children or > is the same - Direct Children

redsquare 2009-01-13 12:14:13

true, but as far as I know the difference is that using children doesn't use a regex to deconstruct the selector, but both are good approaches.

Ricardo Vega 2009-01-13 18:30:37

Answer 4

A:

[It's solved] Thanks too much to everybody... Especially to Redsquare... You solved my problem. Best regards to everybody.

2009-01-13 13:41:56

tick my answer!!

redsquare 2009-01-13 14:03:53

ansaurus

tags:

views:

answers:

select a div's all links but not child divs' links

related questions