HELP UL-LI Получить списком, ПОМОГИТЕ
Есть ul-li список, вложенность не ограниченная, практический произвольный список. Как получить содержимое каждой группы li? jQuery конечно используем.
Контрольный пример <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> </head> <body> <ul> <li>15</li> <li>16</li> <li>18 <ul> <li>9</li> <li>58 <ul> <li>39</li> <li>528</li> <li>358</li> </ul> </li> <li>518</li> </ul> </li> <li>68</li> <li>48 <ul> <li>19</li> <li>38</li> <li>510 <ul> <li>92</li> <li>57</li> <li>28</li> </ul> </li> </ul> </li> </ul> <hr> типо результат работы скрипта, очередность строк не принципиально, порядок значений обязательно, как на странице<br> <div id="control"> 15 16 18 68 48<br> 9 58 518 <br> 39 528 358 <br> 19 38 510<br> 92 57 28 </div> </body> </html> |
al456,
<!DOCTYPE HTML> <html> <head> <title>Untitled</title> <meta charset="utf-8"> <style type="text/css"> .red { color: #FF0000; } </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script> $(function () {var $ul = $('ul'); $ul.each(function() { var arr =[]; $(">li", this).each(function(i, el) { arr.push(el.firstChild.data); } ); $('<div/>', {html: arr.join(' '), class: 'red'}).appendTo('#control') } ); } ) </script> </head> <body> <ul> <li>15</li> <li>16</li> <li>18 <ul> <li>9</li> <li>58 <ul> <li>39</li> <li>528</li> <li>358</li> </ul> </li> <li>518</li> </ul> </li> <li>68</li> <li>48 <ul> <li>19</li> <li>38</li> <li>510 <ul> <li>92</li> <li>57</li> <li>28</li> </ul> </li> </ul> </li> </ul> <hr> типо результат работы скрипта, очередность строк не принципиально, порядок значений обязательно, как на странице<br> <div id="control"> 15 16 18 68 48<br> 9 58 518 <br> 39 528 358 <br> 19 38 510<br> 92 57 28 </div> </body> </html> |
Спасибо за подсказку! как всегда ВСЕ ОТЛИЧНО РАБОТАЕТ!
Извините , добавить плюсик система не позволяет мне +++++++++++++++++++++++++++++++++++++++++++++++++ :dance: |
Часовой пояс GMT +3, время: 00:00. |