[RESOLVED] jQuery :not isn't working

This site is best viewed in a modern browser with JavaScript enabled.

DaAwesomeP

I have this, but it doesn't work:

$("div#parent:not(p#child)").fadeIn(5000);

I don't want to [FONT=courier new]fadeIn[/FONT] the child paragraph, but I do want to [FONT=courier new]fadeIn [/FONT]all of the other children. The code above just applies [FONT=courier new]fadeIn [/FONT]to everything. I tried using [FONT=courier new].not()[/FONT] too, but that didn't change anything.

Padonak

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>123</title>
<style>
body{text-align:center;}
#child_1,#child_2,#child_3{display:none;margin-top:100px;}
</style>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
$(document).ready(function(){
$('#parent').children().not('#child_2').fadeIn('slow');
});
</script>
</head>
<body>
<div id="parent">
<div id="child_1">#child_1 --------> fadeIn</div>
<div id="child_2">#child_2 --------> not fadeIn</div>
<div id="child_3">#child_3 --------> fadeIn</div>
</div>
</body>
</html>

DaAwesomeP

First of all, it didn't work. I can't see why. The other problem is that I have [FONT=courier new]$.ajax[/FONT] append to the div after the [FONT=courier new]fadeOut[/FONT] it is supposed to [FONT=courier new]fadeIn [/FONT]after that. I'm just going to add another parent.

Padonak

first of all, it works in Opera, IE, Firefox and Safari.
nobody knows what you have in your code if you didn't show it

DaAwesomeP

Sorry, but I figured it out:

<div id="parent">
    <p id="child"></p>
    <div id="otherchildren"> <!-- NEW -->
        <!-- Other Children -->
    </div>
</div>

Instead of using [FONT=courier new]:not[/FONT] or [FONT=courier new].not()[/FONT] I put all of the other children in a new container, and addressed that instead.

$("div#parent div#otherchildren").fadeIn(5000);

Sorry, I marked this resolved.