2016-12-31 260 views
-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」

+1

您的代碼沒有帶班'.istasyon-listele'它是一個錯字任何元素? – Dekel

+0

@Dekel是的,我有。即時通訊抱歉,但我的問題是不同的我可以在這裏編輯或創建新的問題? – yigitozmen

+0

在這裏編輯,它好多了。沒有必要爲每個小小的改變開新的問題:) – Dekel

回答

0
<!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。

0

#location-info .havalimani沒有類istasyon-listele的直接孩子,但有一個與istasyon-liste類。

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