找李時珍的點擊UL

Question

我有一個列表結構像下面，我想就「cssmenu3」類<ul>小號點擊時要採取的<li>標籤的文本列表，但代碼

這裏小提琴：http://jsfiddle.net/sadaf2605/74jYb/6/

我試圖代碼：

$(".cssmenu2 li").click(function() { 
    $("#hello").append("started"); 
    var optionTexts = [1, 2]; 
    $(this).children().each(function() { 
     optionTexts.push($(this).text()); 
    }); 
    alert(optionTexts.length); 
    optionTexts.each(

    function() { 
     $("#hello").append(this); 
    } 

    ); 

}); 

<div style="float:left; background-color:yellow; width:1200px; height:200px;" id="hello"></div> 
<div id="top_cssmenu" style="float:left;"> 
    <div id='cssmenu'> 
     <ul class="cssmenu1"> 
      <li data-url="news.html" class='active has-sub'><a>Bangladeshi</a> 

       <ul class="cssmenu2"> 
        <li data-url="news.html"><a href='#'>Artist Name</a> 

         <ul class="cssmenu3"> 
          <li data-url="news.html"><a href='#'>Artist sub</a> 
          </li> 
          <li data-url="news.html"><a href='#'>Artist sub</a> 
          </li> 
         </ul> 
        </li> 
        <li data-url="news.html" class="has-sub"><a href='#'>Artist Name</a> 

         <ul class="cssmenu3"> 
          <li data-url="news.html"><a href='#'>Artist sub</a> 
          </li> 
          <li data-url="news.html"><a href='#'>Artist sub</a> 
          </li> 
         </ul> 
        </li> 
        <li data-url="news.html"><a href='#'>Artist Name</a> 

         <ul class="cssmenu3"> 
          <li data-url="news.html"><a href='#'>Artist sub</a> 
          </li> 
          <li data-url="news.html"><a href='#'>Artist sub</a> 
          </li> 
         </ul> 
        </li> 
        <li data-url="news.html"><a href='#'>Artist Name</a> 
        </li> 
        <li data-url="news.html"><a href='#'>Artist Name</a> 
        </li> 
        <li data-url="news.html"><a href='#'>Artist Name</a> 
        </li> 
        <li data-url="news.html"><a href='#'>Artist Name</a> 
        </li> 
        <li data-url="news.html"><a href='#'>Artist Name</a> 
        </li> 
        <li data-url="news.html"><a href='#'>Artist Name</a> 
        </li> 
        <li data-url="news.html"><a href='#'>Artist Name</a> 
        </li> 
        <li data-url="news.html" class="has-sub"><a href='#'>Artist Name</a> 
        </li> 
       </ul> 
      </li> 
      <li class='has-sub menu_news'><a href='#'>West Bengal</a> 

       <ul class="cssmenu2"> 
        <li data-url="news.html"><a href='#'>Artist Name</a> 

         <ul class="cssmenu3"> 
          <li data-url="news.html"><a href='#'>Artist sub</a> 
          </li> 
          <li data-url="news.html"><a href='#'>Artist sub</a> 
          </li> 
         </ul> 
        </li> 
        <li data-url="news.html" class="has-sub"><a href='#'>Artist Name</a> 

         <ul class="cssmenu3"> 
          <li data-url="news.html"><a href='#'>Artist sub</a> 
          </li> 
          <li data-url="news.html"><a href='#'>Artist sub</a> 
          </li> 
         </ul> 
        </li> 
        <li data-url="news.html"><a href='#'>Artist Name</a> 

         <ul class="cssmenu3"> 
          <li data-url="news.html"><a href='#'>Artist sub</a> 
          </li> 
          <li data-url="news.html"><a href='#'>Artist sub</a> 
          </li> 
         </ul> 
        </li> 
       </ul> 
      </li> 
      <li class='has-sub menu_news'><a href='#'>Other</a> 

       <ul class="cssmenu2"> 
        <li data-url="news.html"><a href='#'>Artist Name</a> 

         <ul class="cssmenu3"> 
          <li data-url="news.html"><a href='#'>Artist sub</a> 
          </li> 
          <li data-url="news.html"><a href='#'>Artist sub</a> 
          </li> 
         </ul> 
        </li> 
        <li data-url="news.html"><a href='#'>Artist Name</a> 
        </li> 
        <li data-url="news.html"><a href='#'>Artist Name</a> 
        </li> 
        <li data-url="news.html"><a href='#'>Artist Name</a> 
        </li> 
        <li data-url="news.html"><a href='#'>Artist Name</a> 
        </li> 
        <li data-url="news.html"><a href='#'>Artist Name</a> 
        </li> 
        <li data-url="news.html"><a href='#'>Artist Name</a> 
        </li> 
        <li data-url="news.html"><a href='#'>Artist Name</a> 
        </li> 
        <li data-url="news.html" class="has-sub"><a href='#'>Artist Name</a> 
        </li> 
        <ul class="cssmenu3"> 
         <li data-url="news.html"><a href='#'>Artist sub</a> 
         </li> 
         <li data-url="news.html"><a href='#'>Artist sub</a> 
         </li> 
        </ul> 
      </li> 
      <li data-url="news.html"><a href='#'>Artist Name</a> 

       <ul class="cssmenu3"> 
        <li data-url="news.html"><a href='#'>Artist sub</a> 
        </li> 
        <li data-url="news.html"><a href='#'>Artist sub</a> 
        </li> 
       </ul> 
      </li> 
      </ul> 
      </li> 
      <li data-url="gallery.html" class="has-sub menu_gallery"><a href='#'><span>Gallery</span></a> 

       <ul class="cssmenu2"> 
        <li data-url="gallery.html"><a href='#'>Artist Name</a> 

         <ul class="cssmenu3"> 
          <li data-url="news.html"><a href='#'>Artist sub</a> 
          </li> 
          <li data-url="news.html"><a href='#'>Artist sub</a> 
          </li> 
         </ul> 
        </li> 
        <li data-url="gallery.html" class="has-sub"><a href='#'>Artist Name</a> 

         <ul class="cssmenu3"> 
          <li data-url="gallery.html"><a href='#'>Artist sub</a> 
          </li> 
          <li data-url="gallery.html"><a href='#'>Artist sub</a> 
          </li> 
         </ul> 
        </li> 
        <li data-url="news.html"><a href='#'>Artist Name</a> 

         <ul class="cssmenu3"> 
          <li data-url="news.html"><a href='#'>Artist sub</a> 
          </li> 
          <li data-url="news.html"><a href='#'>Artist sub</a> 
          </li> 
         </ul> 
        </li> 
       </ul> 
      </li> 
     </ul> 
    </div> 
</div> 
</div> 
</div> 

Answer 1

數組中沒有.each函數。

optionTexts.each 

你可以做

$.each(optionTexts, 
    function() { $("#hello").append(this); } 

); 

使用jQuery的.each功能陣列上

Answer 2

我不知道如果我理解正確的，但有了這個，你會得到li

文

$(".cssmenu2 li").click(function(){ 
     var text = $(this).children().html(); 
     $("#hello").append(text); 
    }); 

fiddle