用jquery选择子元素

-1

我想从下面的html中获取一些元素，但是我没有成功。我想追加一些li为.istasyon-listele这是.havalimani用jquery选择子元素

孩子我想这$('#location-info .havalimani>.istasyon-listele')并没有帮助我。
我也试过$('#location-info .havalimani .istasyon-listele')也没有帮助。

如果我尝试选择.isim我可以使它与$('#location-info .isim')它适合我。但其他人不是。

<div class="location-info" id="location-info" style="position: absolute;z-index:9999999; display:none;"> 
      <ul class="location-name"> 
       <li class="havalimani"> 
        <h5 class="havalimanih5"> Havalimanı Şubeleri</h5> 
        <ul class="istasyon-liste"> 
         <li>asdada</li> 
        </ul> 
       </li> 
       <li class="sehirici"> 
        <h5 class="sehiricih5">Şehiriçi Şubeleri</h5> 

        <ul class="istasyon-liste"> 
        </ul> 
       </li> 
      </ul> 
      <div class="detail-info visible-lg visible-md" id="1"> 
       <div class="detail-info-contact"> 
        <h5 class="isim">Kusadasi</h5> 
        <p class="adres">Ataturk Bulvari</p> 

        <ul id="bilgiler"> 
         <li class="telefon">Telefon : <span></span></li> 
         <li class="haftaici">Hafta içi : <span class="hici"></span></li> 
         <li class="cumartesi">Cumartesi : <span class="hsonu"></span></li> 
         <li>Pazar : <span class="pazar"></span></li> 
        </ul> 
       </div> 
       <style> 
        .detail-info-contact { 
         margin-bottom:0; 
        } 
        .detail-info-contact ul { 
         text-align: left; 
         text-indent: 7px; 
        } 
        .detail-info-contact ul li { 
         font-size: 11px; 
         padding: 0 5px 0 0; 
         vertical-align: top; 
        } 
       </style> 


       <div class="googlemap" class="map-canvas"> 

       </div> 
      </div> 
     </div>

，所以我不能附加任何li元素到$（ '＃位置信息.havalimani> .istasyon-清单当然'）例如，我想这：

$('#location-info .havalimani>.istasyon-liste').append('<li>something</li>');

没有效果。

但是，如果我登录了$（ '＃位置信息.havalimani> .istasyon-清单当然'）我可以看到 “asdada”

来源

2016-12-31 yigitozmen

您的代码没有带班'.istasyon-listele'它是一个错字任何元素？ – Dekel

@Dekel是的，我有。即时通讯抱歉，但我的问题是不同的我可以在这里编辑或创建新的问题？ – yigitozmen

在这里编辑，它好多了。没有必要为每个小小的改变开新的问题:) – Dekel

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="UTF-8"> 
    <title></title> 
    <style> 
     .detail-info-contact { 
     margin-bottom:0; 
     } 
     .detail-info-contact ul { 
     text-align: left; 
     text-indent: 7px; 
     } 
     .detail-info-contact ul li { 
     font-size: 14px; 
     padding: 0 5px 0 0; 
     vertical-align: top; 
    } 
    </style> 
</head> 
<body> 
    <div class="location-info" id="location-info" > 
    <ul class="location-name"> 
    <li class="havalimani"> 
     <h5 class="havalimanih5"> Havalimanı Şubeleri</h5> 
     <ul class="istasyon-liste"> 
      <li>asdada</li> 
     </ul> 
    </li> 
    <li class="sehirici"> 
     <h5 class="sehiricih5">Şehiriçi Şubeleri</h5> 

     <ul class="istasyon-liste"> 
     </ul> 
    </li> 
    </ul> 
    <div class="detail-info visible-lg visible-md" id="1"> 
    <div class="detail-info-contact"> 
     <h5 class="isim">Kusadasi</h5> 
     <p class="adres">Ataturk Bulvari</p> 
     <ul id="bilgiler"> 
      <li class="telefon">Telefon : <span></span></li> 
      <li class="haftaici">Hafta içi : <span class="hici"></span></li> 
      <li class="cumartesi">Cumartesi:<span class="hsonu"></span> </li>   
      <li>Pazar : <span class="pazar"></span></li> 
     </ul> 
    </div> 
    </div> 
</div> 
<script src="js/jquery_2.1.4.min.js"></script> 
<script> 
    $(document).ready(function(){ 

     var link = $("<li>", { 
    "text":"I'm a new link!", 
    "css":{"background":"yellow"} 
    }); 
    // or if you prefer : var link = "<li>something</li>" 
    $('li.havalimani').find("ul.istasyon-liste").append(link); 
    }); 
    </script> 
</body>

我已经测试过，并增加了一个礼到内部ul。

来源

2016-12-31 00:57:38

#location-info .havalimani没有类istasyon-listele的直接孩子，但有一个与istasyon-liste类。

我假设你想使用$('#location-info .havalimani>.istasyon-liste')

来源

2016-12-31 01:01:38

用jquery选择子元素

回答

相关问题