2011-01-25 12 views
0
私はJavascript

jqueryの反復UL李

var jsonSeqObj = {}; 
alert('hi'); 
$('ul#sortable li').each(function(index,pele) { 
    alert($(pele).attr('id')); 
    $(pele).children('ul#nested-sortable li').each(function(idx, chele) { 
    alert(chele.attr('id')); 
    jsonSeqObj.push({REF_ID:$(chele).attr('id') , NEW_SEQ_NO:idx }); 
}); 
jsonSeqObj.push({REF_ID:$(pele).attr('id') , NEW_SEQ_NO:index }); 
}); 

li ul li is too long, line wraps but no indention

alert(jsonSeqObj); 
return jsonSeqObj; 

<ul id="sortable"> 
<li> 
<p> item 1</p> 
<ul id="nested-sortable"> 
    <li> 
    Sub item 1 
    </li> 
    <li> 
    Sub item 2 
    </li> 
    <li> 
    Sub item 3 
    </li> 
</ul> 
</li> 
<li> 
<p> item 2</p> 
</li> 
</ul> 

の下に与えられたHTML要素を反復処理するには、次のコードを使用してい

内ではなく、子供の事はあります動作していません

エラー:オブジェクトがこのプロパティをサポートしていません。

答えて

1

この例のマークアップは同じですか?または、複数のネストされたソート可能なul-sを持っていますか?ページ上にIDが重複している可能性があります(Idは一意でなければなりません)。

+0

oryolさらにネスティングされたソート可能なul –

+1

この場合、多くのアイテムに同じIDを割り当てるべきではありません。たとえば、クラスを使用します。 – oryol

+0

ok oryol私は試してみましょう。 –

0

alert(chele.attr('id')); ここで、cheleはDOMオブジェクト(jQueryではない)ですので、attrメソッドはありません。だからこそ、「オブジェクトはこのプロパティをサポートしていません...」