jqueryで子要素を選択

-1

私は下のhtmlからいくつかの要素を取得しようとしていますが、私は成功しませんでした。私は私を助けていなかったこの$('#location-info .havalimani>.istasyon-listele')を試してみました.havalimanijqueryで子要素を選択

の子がある.istasyon-listeleにいくつかのliを追加しようとしています。
私も$('#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>

だから私は、たとえば、$（ '＃場所-情報.havalimani> .istasyon-LISTE'）に任意のli要素を追加することはできません、私はこれを試してみました：

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

は影響しませんでした。

しかし、私は、私がテストしていると、それは、Liを追加する "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>

を見ることができます$（ '＃場所-情報.havalimani> .istasyon-LISTE'）をログインした場合内側の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

答えて

関連する問題