Как получить данные из блоков на странице?
подскажите пожалуйста java или ajax скрипт который будет собирать и выводить в одном месте на странице элементы ( например сылки картинки или просто текстовые блоки ) размещенные в разных местах этой же страницы , например по класу элемента
то есть я устанавливаю для всех необходимых элементов один клас а скрипт парсит эти элементы и выводит в контейнер который я укажу в нужном месте вот нашёл похожий скрипт но он парсит только один блок <script type="text/javascript"> $(document).ready(function(){ $.get("site.com/page1.html", function(data){ var take = $("#id_pars:first", data).html(); if (take == null) {var take = '';} $("#past").html(take); }); }); </script> |
$('.class').clone().appendTo($('#container'));
|
в какое место это вставить надо $('.class').clone().appendTo($('#container'));
или какие строки заменить ? извиняюсь за надоедливость , но в джаве я полный нуб :thanks: |
<!DOCTYPE HTML>
<html>
<head>
<title>Привет</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
window.onload = function(){
$('.but').click(function(){
$('#container').empty();
$('.chrismas').clone().appendTo($('#container'));
});
};
</script>
<style type="text/css">
.images {
width: 80px;
}
img {
width: 100%;
}
#container {
outline: 2px red solid;
}
.words, .images {
display: inline-block;
}
</style>
</head>
<body>
<div>
Набор слов
<div class="words">Рождество</div>
<div class="words chrismas">Новый год</div>
<div class="words chrismas">Снегурочка</div>
<div class="words">Салат "Оливье"</div>
</div>
<div>
Набор изображений
<div class="images chrismas"><img src="http://matushki.ru/download/file.php?id=45213&t=1" /></div>
<div class="images"><img src="http://woman-cafe.ru/wp-content/uploads/2010/12/novogodnie-kartinki12.jpg" /></div>
<div class="images"><img src="http://img101.imageshack.us/img101/3245/kartkaey5.jpg" /></div>
<div class="images chrismas"><img src="http://www.tamboff.ru/forum/files/thumbs/t_oboi_podarki26b_167.jpg" /></div>
</div>
<div id="container">Тут что-то появиться</div>
<input type="button" class="but" value="Ломай меня!" />
</body>
</html>
|
Faab , да вот по такому принципу:) только чтоб без зацепки на действие, можно так сделать чтоб автоматически в div прописывалось ? :-?
|
| Часовой пояс GMT +3, время: 21:56. |