[jQuery] Match all elements of class x, but exclude those of class y?
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii">
<meta name=Generator content="Microsoft Word 12 (filtered medium)">
<style>
<!--
/* Font Definitions */
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
{font-family:"Andale Mono";
panose-1:2 11 5 9 0 0 0 0 0 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0cm;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
span.EmailStyle17
{mso-style-type:personal-compose;
font-family:"Calibri","sans-serif";
color:windowtext;}
.MsoChpDefault
{mso-style-type:export-only;}
@page Section1
{size:612.0pt 792.0pt;
margin:72.0pt 72.0pt 72.0pt 72.0pt;}
div.Section1
{page:Section1;}
-->
</style>
<!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang=EN-GB link=blue vlink=purple>
<div class=Section1>
<p class=MsoNormal><span style='font-size:10.0pt'>Hi<o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'><o:p> </o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'>Is there a “hasClass(cssClass,
isHas)” function? I want to do thing A to all elements of class X, and
thing B to all elements that _<i>don’t</i>_ have class X. isHas would be
a parameter that says hasClass or doesNotHaveClass.<o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'><o:p> </o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'>Eg:<o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'><o:p> </o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:8.0pt;
font-family:"Andale Mono"'> <span style='color:blue'>var</span> s =
getState(linkId);<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:8.0pt;
font-family:"Andale Mono"'> <span style='color:green'>// rollovers and
up/down events<o:p></o:p></span></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:8.0pt;
font-family:"Andale Mono"'> <span style='color:blue'>var</span> fnBlur = <span
style='color:blue'>function</span>() {<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:8.0pt;
font-family:"Andale Mono"'> $(jqLinkId).removeClass(<span
style='color:maroon'>"over"</span>);<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:8.0pt;
font-family:"Andale Mono"'> <span style='color:blue'>return</span>
swapImageOnEvent(jqLinkId, s.Normal, s.Normal);<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:8.0pt;
font-family:"Andale Mono"'> };<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:8.0pt;
font-family:"Andale Mono"'> <span style='color:blue'>var</span> fnFocus =
<span style='color:blue'>function</span>() {<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:8.0pt;
font-family:"Andale Mono"'> $(jqLinkId).addClass(<span
style='color:maroon'>"over"</span>);<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:8.0pt;
font-family:"Andale Mono"'> <span style='color:blue'>return</span>
swapImageOnEvent(jqLinkId, s.Normal, s.Over);<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:8.0pt;
font-family:"Andale Mono"'> };<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:8.0pt;
font-family:"Andale Mono"'> <span style='color:blue'>var</span> fnDown = <span
style='color:blue'>function</span>() {<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:8.0pt;
font-family:"Andale Mono"'> $(<span style='color:maroon'>".cb.sel"</span>).removeClass(<span
style='color:maroon'>"sel"</span>);<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:8.0pt;
font-family:"Andale Mono"'> $(jqLinkId).addClass(<span
style='color:maroon'>"sel"</span>);<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:8.0pt;
font-family:"Andale Mono"'> <span style='color:blue'>return</span>
swapImageOnEvent(jqLinkId, s.Normal, s.Sel);<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:8.0pt;
font-family:"Andale Mono"'> };<o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'><o:p> </o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'><o:p> </o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'>If the element that is being
blur’d is the currently selected one (ie, it’s been mousedown’d
previously), I don’t want the swapImageOnEvent call to happen. I want to
write something like:<o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'><o:p> </o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'>Var fnBlur = function() {<o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'> $(jqLinkId).removeClass(“over”);<o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'> If ($(jqLinkId).hasClass(“sel”,
false)) { <o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'> Return swapImageOnEvent(jqLinkId,
s.Normal, s.Normal);<o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'> }<o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'> Return false;<o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'>};<o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'><o:p> </o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'>(Apologies for capitals and
formatting if it screws up).<o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'><o:p> </o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'><o:p> </o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'>Regards<o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'>Peter Mounce<o:p></o:p></span>
</div>
</body>
</html>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii">
<meta name=Generator content="Microsoft Word 12 (filtered medium)">
<style>
<!--
/* Font Definitions */
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
{font-family:"Andale Mono";
panose-1:2 11 5 9 0 0 0 0 0 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0cm;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
span.EmailStyle17
{mso-style-type:personal-compose;
font-family:"Calibri","sans-serif";
color:windowtext;}
.MsoChpDefault
{mso-style-type:export-only;}
@page Section1
{size:612.0pt 792.0pt;
margin:72.0pt 72.0pt 72.0pt 72.0pt;}
div.Section1
{page:Section1;}
-->
</style>
<!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang=EN-GB link=blue vlink=purple>
<div class=Section1>
<p class=MsoNormal><span style='font-size:10.0pt'>Hi<o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'><o:p> </o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'>Is there a “hasClass(cssClass,
isHas)” function? I want to do thing A to all elements of class X, and
thing B to all elements that _<i>don’t</i>_ have class X. isHas would be
a parameter that says hasClass or doesNotHaveClass.<o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'><o:p> </o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'>Eg:<o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'><o:p> </o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:8.0pt;
font-family:"Andale Mono"'> <span style='color:blue'>var</span> s =
getState(linkId);<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:8.0pt;
font-family:"Andale Mono"'> <span style='color:green'>// rollovers and
up/down events<o:p></o:p></span></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:8.0pt;
font-family:"Andale Mono"'> <span style='color:blue'>var</span> fnBlur = <span
style='color:blue'>function</span>() {<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:8.0pt;
font-family:"Andale Mono"'> $(jqLinkId).removeClass(<span
style='color:maroon'>"over"</span>);<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:8.0pt;
font-family:"Andale Mono"'> <span style='color:blue'>return</span>
swapImageOnEvent(jqLinkId, s.Normal, s.Normal);<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:8.0pt;
font-family:"Andale Mono"'> };<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:8.0pt;
font-family:"Andale Mono"'> <span style='color:blue'>var</span> fnFocus =
<span style='color:blue'>function</span>() {<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:8.0pt;
font-family:"Andale Mono"'> $(jqLinkId).addClass(<span
style='color:maroon'>"over"</span>);<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:8.0pt;
font-family:"Andale Mono"'> <span style='color:blue'>return</span>
swapImageOnEvent(jqLinkId, s.Normal, s.Over);<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:8.0pt;
font-family:"Andale Mono"'> };<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:8.0pt;
font-family:"Andale Mono"'> <span style='color:blue'>var</span> fnDown = <span
style='color:blue'>function</span>() {<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:8.0pt;
font-family:"Andale Mono"'> $(<span style='color:maroon'>".cb.sel"</span>).removeClass(<span
style='color:maroon'>"sel"</span>);<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:8.0pt;
font-family:"Andale Mono"'> $(jqLinkId).addClass(<span
style='color:maroon'>"sel"</span>);<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:8.0pt;
font-family:"Andale Mono"'> <span style='color:blue'>return</span>
swapImageOnEvent(jqLinkId, s.Normal, s.Sel);<o:p></o:p></span>
<p class=MsoNormal style='text-autospace:none'><span style='font-size:8.0pt;
font-family:"Andale Mono"'> };<o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'><o:p> </o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'><o:p> </o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'>If the element that is being
blur’d is the currently selected one (ie, it’s been mousedown’d
previously), I don’t want the swapImageOnEvent call to happen. I want to
write something like:<o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'><o:p> </o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'>Var fnBlur = function() {<o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'> $(jqLinkId).removeClass(“over”);<o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'> If ($(jqLinkId).hasClass(“sel”,
false)) { <o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'> Return swapImageOnEvent(jqLinkId,
s.Normal, s.Normal);<o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'> }<o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'> Return false;<o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'>};<o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'><o:p> </o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'>(Apologies for capitals and
formatting if it screws up).<o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'><o:p> </o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'><o:p> </o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'>Regards<o:p></o:p></span>
<p class=MsoNormal><span style='font-size:10.0pt'>Peter Mounce<o:p></o:p></span>
</div>
</body>
</html>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
Topic Participants
pmounce
John Resig