我正在尝试将每个元素的最后一个类复制到jQuery中的父li元素。
这是当前的标记:
<nav class="menu-uber-main-menu-container">
<ul class="menu">
<li class="menu-item menu-item-type-post_type menu-item-object-page page_item">
<a href="#" class="">
<i class="fa fa-shopping-cart fa-lg menu-basket"></i>
<span>Home</span>
</a>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page page_item">
<a href="#" class="">
<i class="fa fa-line-chart fa-lg menu-chart"></i>
<span>About</span>
</a>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page page_item">
<a href="#" class="">
<i class="fa fa-truck fa-lg menu-truck"></i>
<span>Blog</span>
</a>
</li>
</ul>
</nav>
我想复制菜单篮,菜单图,菜单卡车并将其传递给其父级li class =“ menu-item menu-item-type-post_type menu-item-object-page page_item”
结果应为:
<ul class="menu">
<li class="menu-item menu-item-type-post_type menu-item-object-page page_item menu-basket">
<a href="#" class="">
<i class="fa fa-shopping-cart fa-lg menu-basket"></i>
<span>Home</span>
</a>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page page_item menu-chart">
<a href="#" class="">
<i class="fa fa-line-chart fa-lg menu-chart"></i>
<span>About</span>
</a>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page page_item menu-truck">
<a href="#" class="">
<i class="fa fa-truck fa-lg menu-truck"></i>
<span>Blog</span>
</a>
</li>
</ul>
</nav>
获取元素最后一类的代码是这样的:
var lastClass = j('.menu-uber-main-menu-container > .menu > .menu-item > a > .fa').attr('class').split(' ').pop();
如何关联地传递每个li元素的最后一个类?
你可以用 .each()
$('.menu-uber-main-menu-container > .menu > li').each(function(){
var className = $(this).find('.fa').attr('class').split(' ').pop();
$(this).addClass(className);
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句