Javascript 确定是否;a「;li中的元素有一个带有jquery的CSS类
我想根据li元素中的元素和li元素中的子菜单类来执行一些操作。 如果元素有2个classessJavascript 确定是否;a「;li中的元素有一个带有jquery的CSS类,javascript,jquery,nav,Javascript,Jquery,Nav,我想根据li元素中的元素和li元素中的子菜单类来执行一些操作。 如果元素有2个classess当前子菜单我想在发生$(“.menu”).mouseenter事件时执行一些操作。如果li元素没有此选项,请执行其他操作 <nav id="id"> <ul> <li><a href="index.html">index</a></li> <li><a href="
当前子菜单
我想在发生$(“.menu”).mouseenter事件时执行一些操作。如果li元素没有此选项,请执行其他操作
<nav id="id">
<ul>
<li><a href="index.html">index</a></li>
<li><a href="serviceios.html" class="current submenu">Services</a></li>
<li><a href="clients.html" >Clients</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="contact.html" >Contact</a></li>
<ul class="menu">
<li><a href="#" class="documents" data-icon="">1</a></li>
<li><a href="#" class="messages" data-icon="">2</a></li>
<li><a href="#" class="signout" data-icon="">3</a></li>
</ul>
</ul>
</nav>
怎么办?此jQuery对象:
$("li a.current.submenu")
将选择包含这两个类的所有标记,并且仅选择这些标记。可以使用该jQuery对象将任何操作仅限于这些标记
或者,如果要遍历所有li a.submenu
项,如果当前类存在,则执行一项操作;如果当前类不存在,则执行另一项操作,则可以执行以下操作:
$("li a.submenu").each(function() {
if ($(this).hasClass("current")) {
// do something here when current class is present
} else {
// do something here when current class is not present
}
});
您正在将
class
设置为li
中的a
元素,因此a
将拥有该类
用这个。这将在li
中选择当前类子菜单的a
if( $('li a.submenu').hasClass('current') ) {
console.log("Got an li");
/* Do stuff here */
} else {
$(".submenu").toggleClass('current');
}
如果您确定一次只有一个元素具有子菜单
类,则还可以执行以下操作:
if( $('.submenu').hasClass('current') ) {
您需要检查哪个li
元素?你需要那个元素的数据吗?你的li没有任何类。它们都在锚定标签中。
if( $('.submenu').hasClass('current') ) {