Насоветуйте, пожалуйста, как упорядочить divы по id
Привет!
Вынужден просит совета у ЖС-гуру, ибо я только начинаю разбираться c JS... Дело такое: есть скрипт, который динамически размещает на странице элементы...
%%include_language "_local/plugins_distr/uz_props_tabs/templates/front.lng"%%
<!--#set var="tabs" value="
##tabs##
<script>
$(function() {
$('div[uz_field_container]').each(function() {
// Move value from props list into container
$(this).append($('div[uz_field_container_value="' + $(this).attr('uz_field_container') + '"]'));
});
});
</script>
"-->
<!--#set var="tab_props" value="
<div id="uz_prop_tab_header_##id##">##name##</div>
<div id="uz_prop_tab_##id##">##props##</div>
"-->
<!--#set var="prop_container" value="
<div uz_field_container="##field_name##"></div>
"-->
Элементы, их может быть до десяти, на странице размещаются так: <div id="uz_prop_tab_header_##id##">##name##</div> <div id="uz_prop_tab_##id##">##props##</div> <div id="uz_prop_tab_header_##id##">##name##</div> <div id="uz_prop_tab_##id##">##props##</div> <div id="uz_prop_tab_header_##id##">##name##</div> <div id="uz_prop_tab_##id##">##props##</div>...... А нужно упорядочить эти элементы, чтобы на странице они размещались в таком порядке: <div id="uz_prop_tab_header_##id##">##name##</div> <div id="uz_prop_tab_header_##id##">##name##</div> <div id="uz_prop_tab_header_##id##">##name##</div> <div id="uz_prop_tab_##id##">##props##</div> <div id="uz_prop_tab_##id##">##props##</div> <div id="uz_prop_tab_##id##">##props##</div> Т.е. Сначала дивы с id="uz_prop_tab_header_..... Потом, дивы с id="uz_prop_tab_...... Уже голову сломал себе с этим... Насоветуйте, пожалуйста, как это сделать. :help: |
Evhen,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function ()
{
$('[id^="uz_prop_tab_header_"]').insertAfter($('[id^="uz_prop_tab_header_"]:first'));
// $('[id^="uz_prop_tab_"]').insertAfter($('[id^="uz_prop_tab_"]:first'));
})
</script>
</head>
<body>
<div id="uz_prop_tab_header_##id##">##name##</div>
<div id="uz_prop_tab_##id##">##props##</div>
<div id="uz_prop_tab_header_##id##">##name##</div>
<div id="uz_prop_tab_##id##">##props##</div>
<div id="uz_prop_tab_header_##id##">##name##</div>
<div id="uz_prop_tab_##id##">##props##</div>......
</body>
</html>
|
Рони, огромное спасибо!
Все работает! |
| Часовой пояс GMT +3, время: 14:48. |