jQuery为特定的li id和class添加一个简单的数据属性

时间:2018-03-06 02:05:42

标签: jquery html

这可能不会让任何人兴奋过多,但我想我会问,因为我尝试了很多方法来做到这一点。 我只是尝试向菜单项添加数据属性,该菜单项激活Wordpress中导航中的下拉功能。 (UIKit CSS / JS) 元素的HTML是

 <li class="uk-parent" data-uk-dropdown="{mode:'click'}">

已经添加了uk-parent类,因为它具有工作所需的子ul类,只留下要添加的data-uk-dropdown模式。我已经尝试过addClass,appendTo和其他几个但是无法注册。 li的id是&#34; menu-item-140&#34;我只需要针对这一个,而不是任何其他目标。所以我现在通常会回到addClass(但它并不是真正的类。)如下所示:

jQuery(document).ready( function($) {
$("#menu-item-140.uk-parent").addClass("data-uk-dropdown='{mode:'click'}");
$('.sub-menu').addClass('uk-dropdown uk-dropdown-navbar');
});

在尝试添加data-uk-dropdown之前,.sub-menu类显示正常,但是目前这实际上使子项完全从菜单中消失,只留下父项。

欢迎任何提示,谢谢

1 个答案:

答案 0 :(得分:1)

addClass用于添加类,实际添加属性,使用attr

$("#menu-item-140.uk-parent").attr("data-uk-dropdown", "{mode:'click'}");