Javascript 如果类不存在，则将div动态附加到li_Javascript_Jquery_Html

Javascript 如果类不存在，则将div动态附加到li

javascript jquery html

Javascript 如果类不存在，则将div动态附加到li,javascript,jquery,html,Javascript,Jquery,Html,下面是我菜单的ul li格式 <li class="dropdown active list-unstyled clearfix"> <a target="_self" href="/marine-offshore/en/worldwide/sustainability/"><span>Sustainability</span></a> <div class="dropdown-menu second

下面是我菜单的ul li格式

<li class="dropdown active list-unstyled clearfix">
       <a target="_self" href="/marine-offshore/en/worldwide/sustainability/"><span>Sustainability</span></a>
        <div class="dropdown-menu second-nav-subList fivecol-nav col-lg-12 col-md-12 col-sm-12 col-xs-12"><div class="nav-promotions col-lg-4 col-md-4 col-sm-12 hidden-xs"></div></div>
    </li>
    <li class="dropdown active list-unstyled clearfix">
       <a target="_self" href="/marine-offshore/en/worldwide/sustainability/"><span>Sustainability</span></a>

    </li>

请帮助我将

div

仅附加到第二个

li

。提前感谢

您可以直接访问第二个元素，如：

使用eq（）函数

$('.mainnavigation .dropdown').eq(1).append("<div class='dropdown-menu second-nav-subList fivecol-nav col-lg-12 col-md-12 col-sm-12 col-xs-12'><div class='nav-promotions col-lg-4 col-md-4 col-sm-12 hidden-xs'></div></div>");

$（'.mainnavigation.dropdown'）.eq（1）.追加（“”）；

您可以直接访问第二个元素，如：

使用eq（）函数

$('.mainnavigation .dropdown').eq(1).append("<div class='dropdown-menu second-nav-subList fivecol-nav col-lg-12 col-md-12 col-sm-12 col-xs-12'><div class='nav-promotions col-lg-4 col-md-4 col-sm-12 hidden-xs'></div></div>");

$（'.mainnavigation.dropdown'）.eq（1）.追加（“”）；

您可以直接访问第二个元素，如：

使用eq（）函数

$('.mainnavigation .dropdown').eq(1).append("<div class='dropdown-menu second-nav-subList fivecol-nav col-lg-12 col-md-12 col-sm-12 col-xs-12'><div class='nav-promotions col-lg-4 col-md-4 col-sm-12 hidden-xs'></div></div>");

$（'.mainnavigation.dropdown'）.eq（1）.追加（“”）；

您可以直接访问第二个元素，如：

使用eq（）函数

$('.mainnavigation .dropdown').eq(1).append("<div class='dropdown-menu second-nav-subList fivecol-nav col-lg-12 col-md-12 col-sm-12 col-xs-12'><div class='nav-promotions col-lg-4 col-md-4 col-sm-12 hidden-xs'></div></div>");

$（'.mainnavigation.dropdown'）.eq（1）.追加（“”）；

您需要执行以下操作：

if($('.mainnavigation li.dropdown .dropdown-menu').length === 0 ) {
     $('.mainnavigation .dropdown').append("<div class='dropdown-menu second-nav-subList fivecol-nav col-lg-12 col-md-12 col-sm-12 col-xs-12'><div class='nav-promotions col-lg-4 col-md-4 col-sm-12 hidden-xs'></div></div>");
}

if（$（'.mainnavigation li.dropdown.dropdown menu'）。长度==0）{
$（'.mainnavigation.dropdown'）。追加（“”）；
}

它将检查

.mainnavigation li.dropdown

是否有类似

.dropdown menu

的元素，如果

length

为

0（表示没有元素），则只需将其添加进去。
您需要执行以下操作：
if($('.mainnavigation li.dropdown .dropdown-menu').length === 0 ) {
     $('.mainnavigation .dropdown').append("<div class='dropdown-menu second-nav-subList fivecol-nav col-lg-12 col-md-12 col-sm-12 col-xs-12'><div class='nav-promotions col-lg-4 col-md-4 col-sm-12 hidden-xs'></div></div>");
}

if（$（'.mainnavigation li.dropdown.dropdown menu'）。长度==0）{
$（'.mainnavigation.dropdown'）。追加（“”）；
}

它将检查.mainnavigation li.dropdown
是否有类似.dropdown menu
的元素，如果length
为0（表示没有元素），则只需将其添加进去。
您需要执行以下操作：
if($('.mainnavigation li.dropdown .dropdown-menu').length === 0 ) {
     $('.mainnavigation .dropdown').append("<div class='dropdown-menu second-nav-subList fivecol-nav col-lg-12 col-md-12 col-sm-12 col-xs-12'><div class='nav-promotions col-lg-4 col-md-4 col-sm-12 hidden-xs'></div></div>");
}

if（$（'.mainnavigation li.dropdown.dropdown menu'）。长度==0）{
$（'.mainnavigation.dropdown'）。追加（“”）；
}

它将检查.mainnavigation li.dropdown
是否有类似.dropdown menu
的元素，如果length
为0（表示没有元素），则只需将其添加进去。
您需要执行以下操作：
if($('.mainnavigation li.dropdown .dropdown-menu').length === 0 ) {
     $('.mainnavigation .dropdown').append("<div class='dropdown-menu second-nav-subList fivecol-nav col-lg-12 col-md-12 col-sm-12 col-xs-12'><div class='nav-promotions col-lg-4 col-md-4 col-sm-12 hidden-xs'></div></div>");
}

if（$（'.mainnavigation li.dropdown.dropdown menu'）。长度==0）{
$（'.mainnavigation.dropdown'）。追加（“”）；
}

它将检查.mainnavigation li.dropdown
是否有任何类似.dropdown menu
的元素，如果length
为0
（表示没有元素），则只需将其添加进去。
以jQuery方式访问第二个元素
if( !$('.mainnavigation li.dropdown').eq(1).hasClass('dropdown-menu') ) {
       $('.mainnavigation .dropdown').eq(1).append("<div class='dropdown-menu second-nav-subList fivecol-nav col-lg-12 col-md-12 col-sm-12 col-xs-12'><div class='nav-promotions col-lg-4 col-md-4 col-sm-12 hidden-xs'></div></div>");
}

if（！$（'.mainnavigation li.dropdown'）.eq（1）.hasClass（'dropdown-menu'））{
$（'.mainnavigation.dropdown'）.eq（1）.append（“”）；
}
以jQuery方式访问第二个元素
if( !$('.mainnavigation li.dropdown').eq(1).hasClass('dropdown-menu') ) {
       $('.mainnavigation .dropdown').eq(1).append("<div class='dropdown-menu second-nav-subList fivecol-nav col-lg-12 col-md-12 col-sm-12 col-xs-12'><div class='nav-promotions col-lg-4 col-md-4 col-sm-12 hidden-xs'></div></div>");
}

if（！$（'.mainnavigation li.dropdown'）.eq（1）.hasClass（'dropdown-menu'））{
$（'.mainnavigation.dropdown'）.eq（1）.append（“”）；
}
以jQuery方式访问第二个元素
if( !$('.mainnavigation li.dropdown').eq(1).hasClass('dropdown-menu') ) {
       $('.mainnavigation .dropdown').eq(1).append("<div class='dropdown-menu second-nav-subList fivecol-nav col-lg-12 col-md-12 col-sm-12 col-xs-12'><div class='nav-promotions col-lg-4 col-md-4 col-sm-12 hidden-xs'></div></div>");
}

if（！$（'.mainnavigation li.dropdown'）.eq（1）.hasClass（'dropdown-menu'））{
$（'.mainnavigation.dropdown'）.eq（1）.append（“”）；
}
以jQuery方式访问第二个元素
if( !$('.mainnavigation li.dropdown').eq(1).hasClass('dropdown-menu') ) {
       $('.mainnavigation .dropdown').eq(1).append("<div class='dropdown-menu second-nav-subList fivecol-nav col-lg-12 col-md-12 col-sm-12 col-xs-12'><div class='nav-promotions col-lg-4 col-md-4 col-sm-12 hidden-xs'></div></div>");
}

if（！$（'.mainnavigation li.dropdown'）.eq（1）.hasClass（'dropdown-menu'））{
$（'.mainnavigation.dropdown'）.eq（1）.append（“”）；
}
在javascript测试中，您正在测试LI元素是否具有类“下拉菜单”
您可以使用以下代码测试所需div的存在：
 $('.mainnavigation li.dropdown').each(function(){
   if($(this).children('.dropdown-menu').length == 0){
$(this).append("<div class='dropdown-menu second-nav-subList fivecol-nav col-lg-12 col-md-12 col-sm-12 col-xs-12'><div class='nav-promotions col-lg-4 col-md-4 col-sm-12 hidden-xs'></div></div>");
}
});

$（'.mainnavigation li.dropdown'）。每个（函数（）{
if（$（this）.children（'.dropdown menu'）。长度==0）{
$（此）。追加（“”）；
}
});

演示：
在javascript测试中，您正在测试LI元素是否具有类“下拉菜单”
您可以使用以下代码测试所需div的存在：
 $('.mainnavigation li.dropdown').each(function(){
   if($(this).children('.dropdown-menu').length == 0){
$(this).append("<div class='dropdown-menu second-nav-subList fivecol-nav col-lg-12 col-md-12 col-sm-12 col-xs-12'><div class='nav-promotions col-lg-4 col-md-4 col-sm-12 hidden-xs'></div></div>");
}
});

$（'.mainnavigation li.dropdown'）。每个（函数（）{
if（$（this）.children（'.dropdown menu'）。长度==0）{
$（此）。追加（“”）；
}
});

演示：
在javascript测试中，您正在测试LI元素是否具有类“下拉菜单”
您可以使用以下代码测试所需div的存在：
 $('.mainnavigation li.dropdown').each(function(){
   if($(this).children('.dropdown-menu').length == 0){
$(this).append("<div class='dropdown-menu second-nav-subList fivecol-nav col-lg-12 col-md-12 col-sm-12 col-xs-12'><div class='nav-promotions col-lg-4 col-md-4 col-sm-12 hidden-xs'></div></div>");
}
});

$（'.mainnavigation li.dropdown'）。每个（函数（）{
if（$（this）.children（'.dropdown menu'）。长度==0）{
$（此）。追加（“”）；
}
});

演示：
在javascript测试中，您正在测试LI元素是否具有类“下拉菜单”
您可以使用以下代码测试所需div的存在：
 $('.mainnavigation li.dropdown').each(function(){
   if($(this).children('.dropdown-menu').length == 0){
$(this).append("<div class='dropdown-menu second-nav-subList fivecol-nav col-lg-12 col-md-12 col-sm-12 col-xs-12'><div class='nav-promotions col-lg-4 col-md-4 col-sm-12 hidden-xs'></div></div>");
}
});

$（'.mainnavigation li.dropdown'）。每个（函数（）{
if（$（this）.children（'.dropdown menu'）。长度==0）{
$（此）。追加（“”）；
}
});

演示：
但将来可以添加LI的数量。我们必须检查类是否存在，然后我们必须附加。还可以使用eq函数检查条件，但将来可以添加LI的数量。我们必须检查类是否存在，然后我们必须附加。还可以使用eq函数检查条件，但将来可以添加LI的数量。我们必须检查类是否存在，然后我们必须附加。还可以使用eq函数检查条件，但将来可以添加LI的数量。我们必须检查类是否存在，然后我们必须追加。使用eq函数的另一个检查条件是eq值可以是动态的，而不是指定为1或2Sure，只需使用一个变量作为数字。：）如var myIndex=3
，然后使用.eq（myIndex）
然后您可以动态计算myIndex。像这样：myIndex=$（'.mainnavigation li.dropdown'）。长度-1是指eq值可以是动态的，而不是指定为1或2纯，只需为数字使用一个变量即可。：）如var myIndex=3
，然后使用.eq（myIndex）
然后您可以动态计算myIndex。像这样：myIndex=$（'.mainnavigation li.dropdown'）。长度-1是指eq值可以是动态的，而不是指定为1或2纯，只需为数字使用一个变量即可。：）如var myIndex=3
，然后使用.eq（myIndex）
然后您可以动态计算myIndex。像这样：myIndex=$（'.mainnavigation li.dropdown'）。长度-1是指eq值可以是动态的，而不是指定为1或1