jQuery使用逗號和引號將單行文本解壓縮爲ulli文本

Question

如何使用逗號和引號將所有這些解壓到單行文本？還增加了對每個第一李標題新文本「類別」，那麼結果將是這樣的："category","Title_A","Title_A1","Title_A2","category","Title_B","Title_B1","Title_B2"

<div class="category"> 
    <ul> 
     <li> 
      Title_A 
      <ul> 
       <li> 
        Title_A1 
       </li> 
       <li> 
        Title_A2 
       </li> 
      </ul> 
     </li> 
     <li> 
      Title_B 
      <ul> 
      <li> 
       Title_B1 
      </li> 
      <li> 
       Title_B2 
      </li> 
      </ul> 
     </li> 
    </ul> 
</div> 

Answer 1

快速和骯髒的方法：

$(function() { 
 
    mainArray = []; 
 
    $(".category > ul > li").each(function() { 
 
    mainArray.push("category"); 
 
    mainArray = mainArray.join(","); 
 
    mainArray += ","+($(this).text().trim().split(" ").join(",")); 
 
    mainArray = mainArray.split(","); 
 
    }); 
 
    mainArray = mainArray.filter(function (n) { 
 
    return (n != undefined && n.trim().length != 0); 
 
    }).map(function (n) { 
 
    return n.trim(); 
 
    }); 
 
    alert(mainArray); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<div class="category"> 
 
    <ul> 
 
    <li> 
 
     Title_A 
 
     <ul> 
 
     <li> 
 
      Title_A1 
 
     </li> 
 
     <li> 
 
      Title_A2 
 
     </li> 
 
     </ul> 
 
    </li> 
 
    <li> 
 
     Title_B 
 
     <ul> 
 
     <li> 
 
      Title_B1 
 
     </li> 
 
     <li> 
 
      Title_B2 
 
     </li> 
 
     </ul> 
 
    </li> 
 
    </ul> 
 
</div>