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, время: 16:34. |