Форум

Vanguger · #1 (**permalink**) 05.04.2017, 17:56

Приветствую друзья! Прошу помощи в решении моей задачи. Имеется неизвестная структура документа, например следующая:

<div>
  <div></div>
  <p></p>
    <div>
      <div></div>
    </div>  
</div>

Я ищу способ определить только тот элемент на который наведён указатель мыши. Чтобы только ему прописывался класс, пока докопался до такого:

$('div').hover(
        function() {
          $(this).addClass('vclass');
        },
        function(){
          $(this).removeClass('vclass');
        });

но здесь div в определении и родитель выделяется вместе с дочерним, чего мне не нужно.

рони · #2 (**permalink**) 05.04.2017, 18:28

Vanguger,

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .vclass  {
    background-color: hsla(0, 100%, 50%, 1);
  }
  .vclass > *{
    background-color:   hsla(0, 0%, 100%, 1);
  }
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script>
$(function() {
$('*').mouseover(
        function(event) {
          event.stopPropagation();
          $(this).addClass('vclass');
        }).mouseout(
        function(event){
          event.stopPropagation();
          $(this).removeClass('vclass');
        });

});
  </script>
</head>

<body>
<div> test
  <div>test</div>
  <p>test</p>
    <div>test
      <div>test</div>
    </div>
</div>


</body>
</html>

SV0L0CH · #3 (**permalink**) 05.04.2017, 18:32

Надо внутренние <div/> отметить классом и колбек устанавливать только на них.

Vanguger · #4 (**permalink**) 05.04.2017, 19:21

рони спасибо! От этого уже можно плясать.
SV0L0CH мне нужен был вариант который не привязан к тегам классам или id.

Vanguger · #5 (**permalink**) 05.04.2017, 19:38

рони, работает в родной структуре. Возможно ли подобное для элементов загружаемых по ссылке внутри iframe?

<iframe src="https://www.wikipedia.org/" width="100%" height="700px"></iframe>

мне нужно выделять рамкой наведённый элемент.

рони · #6 (**permalink**) 05.04.2017, 19:48

Vanguger,
не знаю

Vanguger · #7 (**permalink**) 05.04.2017, 23:53

Вот и я той же палкой по тому же месту. Собственно пока получилось парсить html с помощью php, но как-то не айс это делать на стороне сервера.

Форум

Справочник

Discord чат

Курсы javascript