|
Сообщение от pifon
|
Я приблизительно понимаю, что тут должен пройти какой-то цикл, но окончательно в них запутался, и не могу обработать каждый блок отдельно.
Сразу повторюсь, JS можно сказать, не знаю...
|
Так хоть тестовый пример сделал!
Как вариант...
<!DOCTYPE html>
<html ng-app>
<head>
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="http://code.angularjs.org/1.1.4/angular.min.js"></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
$('#btn').click(function(){
$('#catalog .item .price span').each(function(){
var price = $(this).text();
if (price > 150 && price < 350){
$(this).parents('.item').hide();
}
});
});
});
</script>
</head>
<body>
<a id="btn" href="javascript:void(0);">Работай!</a>
<div class="items" id="catalog">
<div class="item">
<p>Всякий контент</p>
<p class="price">Цена: <span>100</span></p>
</div>
<div class="item">
<p>Всякий контент</p>
<p class="price">Цена: <span>200</span></p>
</div>
<div class="item">
<p>Всякий контент</p>
<p class="price">Цена: <span>300</span></p>
</div>
<div class="item">
<p>Всякий контент</p>
<p class="price">Цена: <span>400</span></p>
</div>
<div class="item">
<p>Всякий контент</p>
<p class="price">Цена: <span>500</span></p>
</div>
</div>
</body>
</html>