jsonを使用してjson内の親ul値を持つ子li値を取得

Question

私は順序付けされていないリストと、ulの下にあるliの要素を持っています。私は期待通りにulとliの値を得ることができません。私のコードはフィドルで以下のようにここにある

http://jsfiddle.net/mohammadwali/tkhb5/

how-do-i-convert-the-items-of-an-li-into-a-json-object-using-jquery

jquery-tree-traversal-nested-unordered-list-elements-to-json

：

My code is in this fiddle

私の予想出力のようにある以下のように私は、いくつかのリソースを試してみました以下：

[{ 
    "id": "1", 
    "category": "Parking", 
    "subcategory": [ 
     "Street Parking", 
     "Bus Parking" 
    ] 
}] 

JSONをどのように達成できますか？

Answer 1

試してみてください：
liの要素にdata-nameを追加してhtmlを少し変更しました。できれば...

var myList = []; 

$('ul.nameList > li').each(function() { 
    myList.push({ 
     "id": $(this).val(), 
     "category": $(this).clone().children('ul.subcatList').remove().end().text().trim(), 
     "subcategory": $(this).find('ul.subcatList li').toArray().map(function(value) { return value.innerHTML; }) 
    }); 
}); 

http://jsfiddle.net/tkhb5/262/

Answer 2

あなたがHTMLに触れることができない場合は、ここでのオプションを持っている...しかし：

var mylist = []; 
$(".nameList > li").each(function() { 
    mylist.push({}); 
    var self = mylist[mylist.length-1]; 
    self.subcategory = []; 
    self.id = $(this).attr("value"); 
    self.category = $(this).attr("data-name"); 
    $(this).find("ul > li").each(function(){ 
    self.subcategory.push($(this).html()); 
    }); 
    console.log(self); 
}); 

そして、ここではフィドルです私は、それを簡単に選択できるように、いくつかの要素にカテゴリ名を入れます。あなたはjQueryのを簡素化することができますので、あなたは、私はそれが