Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 03.05.2018, 17:38
Аспирант
Отправить личное сообщение для sergey24 Посмотреть профиль Найти все сообщения от sergey24
 
Регистрация: 04.11.2016
Сообщений: 56

Проверка атрибутов
Имеется список div блоков у которых задан атрибут data-page (числовое значение). Требуется при загрузке страницы проверить эти блоки на соответствие условию (в примере, что значение больше либо равно 1 и меньше либо равно 20). Через id написал код, который работает. А для классов не получается. Буду рад помощи.
<div class="item" data-page="10" id="qwe"></div>
<div class="item" data-page="10"></div>
<div class="item" data-page="25"></div>

Рабочий JS для 1 блока:
var cmd = $('#qwe').attr('data-page');
	if (cmd >= 1 && cmd <= 20)
	{
		$('#qwe').css('display','block');
	} else {
		$('#qwe').css('display','none');
	};

Не рабочий JS для списка:
if ($('.item').attr('data-page') >= 1 && $('.item').attr('data-page') <= 20)
	{
		$(this).css('display','block');
	} else {
		$(this).css('display','none');
	};
Ответить с цитированием
  #2 (permalink)  
Старый 03.05.2018, 18:19
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,084

sergey24,
только цикл
http://api.jquery.com/each/
Ответить с цитированием
  #3 (permalink)  
Старый 03.05.2018, 18:43
Аспирант
Отправить личное сообщение для sergey24 Посмотреть профиль Найти все сообщения от sergey24
 
Регистрация: 04.11.2016
Сообщений: 56

рони,
Спасибо за подсказку
Может кому-то понадобится, вот решение.
$( ".item" ).each(function(  ) {
    if ( $(this).attr('data-page') >= 1 && $(this).attr('data-page') <= 20) {
      $(this).css('display','block');
    } else {
      $(this).css('display','none');
    }
	});
Ответить с цитированием
  #4 (permalink)  
Старый 03.05.2018, 19:12
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,084

sergey24,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script>
$(function() {
$( ".item" ).each(function() {
    var el = $(this), page = el.data("page");
    el.toggle(page >=1 && page <= 20)
	});
});
  </script>
</head>

<body>

<div class="item" data-page="10">10</div>
<div class="item" data-page="10">10</div>
<div class="item" data-page="25">25</div>

</body>
</html>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
проверка, пока файл не будет готов headmaster911 AJAX и COMET 4 18.04.2017 08:44
Проверка на существование элемента в реальном времени js dkmrus Общие вопросы Javascript 7 03.05.2016 22:12
Проверка 'авторизации' DJ_CD Элементы интерфейса 4 18.12.2014 15:19
проверка формы не работает в ie begelme Javascript под браузер 6 13.08.2013 01:00
Поиск и чтение атрибутов в XML Armen Общие вопросы Javascript 4 12.03.2011 22:20