Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 19.09.2018, 20:44
Новичок на форуме
Отправить личное сообщение для savko-fokin Посмотреть профиль Найти все сообщения от savko-fokin
 
Регистрация: 19.09.2018
Сообщений: 4

как убедиться в наличии элемента на страницы с определённым значением data-* атриба?
хочу убедиться что существует элемент с data-tabname = nameTab_draw
пробывал так:
if ($("li").is('[ata-tabname = nameTab_draw]')) {}
но безуспешно((
Подскажите что делать, пожалуйста.
Ответить с цитированием
  #2 (permalink)  
Старый 19.09.2018, 20:47
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

Сообщение от savko-fokin
'[ata-tabname
???
Ответить с цитированием
  #3 (permalink)  
Старый 19.09.2018, 20:48
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,795

const elemExist=!!docuent.querySelector('[data-tabname="nameTab_draw"]');
alert('Элемент '+(elemExist?'найден':'не найден'));
Ответить с цитированием
  #4 (permalink)  
Старый 19.09.2018, 20:48
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

console.log(document.querySelector('[data-tabname="nameTab_draw"]')?"Элемент есть":"Элемента нет");
Ответить с цитированием
  #5 (permalink)  
Старый 19.09.2018, 20:51
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

savko-fokin,
<!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() {
    if($("li[data-tabname = nameTab_draw]").length) {
       alert("yes");
    }
});
  </script>
</head>

<body>
<ul>
  <li data-tabname = nameTab_draw ><a href="home.htm">Home</a></li>
  <li><a href="products.htm">Products</a></li>
  <li><a href="services.htm">Services</a></li>
  <li><a href="about.htm">About Us</a></li>
  <li><a href="contact.htm">Contact</a></li>
</ul>

</body>
</html>
Ответить с цитированием
  #6 (permalink)  
Старый 19.09.2018, 20:53
Новичок на форуме
Отправить личное сообщение для savko-fokin Посмотреть профиль Найти все сообщения от savko-fokin
 
Регистрация: 19.09.2018
Сообщений: 4

if ($("li").is('[data-tabname = nameTab_draw]') {}
Ответить с цитированием
  #7 (permalink)  
Старый 19.09.2018, 21:19
Новичок на форуме
Отправить личное сообщение для savko-fokin Посмотреть профиль Найти все сообщения от savko-fokin
 
Регистрация: 19.09.2018
Сообщений: 4

благодарю за решение, оно мне полностью подходит, остался только один вопрос, как обозначить, что nameTab_draw переменная?
Ответить с цитированием
  #8 (permalink)  
Старый 19.09.2018, 21:29
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

if($("li[data-tabname = "+nameTab_draw+"]").length) {
       alert("yes");
    }
Ответить с цитированием
  #9 (permalink)  
Старый 19.09.2018, 21:34
Новичок на форуме
Отправить личное сообщение для savko-fokin Посмотреть профиль Найти все сообщения от savko-fokin
 
Регистрация: 19.09.2018
Сообщений: 4

спасибо, очень помогли
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как определить реальное расстояние от начала страницы до элемента? cartrege Events/DOM/Window 13 20.12.2018 20:44
Как узнать о появлении элемента на страницы DDim1000 Элементы интерфейса 19 16.09.2017 19:35
Как получить значение data у элемента "а", в событии модального окна «show.uk.modal»? nathan jQuery 0 29.05.2016 08:30
Как вы относитесь к наркоманам? Maxmaxmaximus7 Оффтопик 7 05.02.2014 13:29
Управление скроллом "а-ля тач" HonesT Элементы интерфейса 2 27.08.2013 14:25