2016-04-14 18 views
0

eklemek için eklemek ve #menuElem etiketine aşağıdaki komut dosyası kullanarak sınıfını kaldırmak çalışıyorum:Regex CSS sınıfı

<script type="text/javascript"> 
$('#menuElem li ul').each(function(){ 
    $(this).addClass("fallback browse-experience-drop-down-width"); 
}); 
$('#menuElem li a').each(function(){ 
    $(this).addClass("skew"); 
}); 
$('#menuElem li ul li a').each(function(){ 
    $(this).removeClass("skew"); 
}); 
</script> 

İdeal bu çalışmalıdır, ancak çalışmıyor, bu değiştirmek düzenli ifade ile mümkün mü? jQuery kullanırken

biz sınıfını ekliyoruz HTML aşağıya bakın, HTML

<!-- Header zone --> 
<!-- header --> 
<div class="tenantHeade fs-headerfooter-widget"> 
<!----> 
<header> 
<div id="container" class="container"> 
<div class="logocont"><a href="/" class="logo">website</a></div> 
<!-- Mobile nav btn --> 
<a class="nav-toggle" href="javascript:void(0);"><span class="ada-compliant visible-xs"></span></a> 
<!-- Mobile user options (for anon and preferred visitors) --> 

<a href="javascript:void(0);" class="member-toggle"> 
<span class="ada-compliant visible-xs"></span> 

</a> 

<!-- Main nav --> 
<nav class="main-nav inactive"> 
<ul id="menuElem"> 
    <li> 
    <a href="https://www.website.com/FareFinder/DeepLinkSearch/?SearchFrom=browseexperiences&amp;TravlePeriod=12&amp;AdultCount=2"><span class="antiskew">Browse Experiences</span></a> 
    <ul> 
    <li> 
    <a href="https://www.website.com/FareFinder/DeepLinkSearch/?SearchFrom=website&amp;amp;TravlePeriod=12&amp;amp;AdultCount=2">website</a> 
    </li> 
    <li> 
    <a href="https://www.website.com/local">Local</a> 
    </li> 
    <li> 
    <a href="https://www.website.com/https://www.website.com/FareFinder/DeepLinkSearch/?SearchFromType=theme&amp;SearchFrom=voluntours&amp;TravlePeriod=12&amp;Keyword=voluntours&amp;AdultCount=2">Voluntours</a> 
    </li> 
    <li> 
    <a href="https://www.website.com/https://www.website.com/FareFinder/DeepLinkSearch/?SearchFromType=theme&amp;SearchFrom=welcomewebsite&amp;TravlePeriod=12&amp;Keyword=welcome+website&amp;AdultCount=2">Welcome website</a> 
    </li> 
    </ul> 
    </li> 
    <li> 
    <a href="https://www.website.com/Marketing/becomemember"><span class="antiskew">Become a Member</span></a> 
    </li> 
    <li> 
    <a href="https://www.website.com/Marketing/becomemember"><span class="antiskew">Daily Deals</span></a> 
    </li> 
</ul> 
+0

Neden [tag: regex] ve no [tag: jquery]? – Tushar

+0

herşey yolunda – SmartestVEGA

cevap

0

döngü gerek yok içeride menuElem bulabilirsiniz: Ayrıca

<script type="text/javascript"> 
$('#menuElem > li > ul').addClass("fallback browse-experience-drop-down-width"); 
$('#menuElem > li > a').addClass("skew"); 
$('#menuElem > li > ul > li > a').removeClass("skew"); 
</script> 

, kullanmak gerekir > doğrudan çocuklara işaret etmek için işaretleyin, sonra muhtemelen removeClass satırına gerek duymazsınız

+0

Hayır şans arkadaşım ... – SmartestVEGA

+0

Çalışıyorum: https://jsfiddle.net/cf8jfpa2/ – MarkB