Найти, присутствует ли указанный класс в HTML DOM - PullRequest
Новая
       23

Найти, присутствует ли указанный класс в HTML DOM

0 голосов
/ 05 июня 2018

Я хочу иметь окно предупреждения, когда есть определенный класс.Например, если есть класс с именем «test», то должно появиться всплывающее предупреждение: Test.

Как мне этого добиться?

Ответы [ 3 ]

0 голосов
/ 05 июня 2018

Этого можно добиться, когда документ загружается методом window.onload.document.querySelector используется для поиска элемента с селектором.Если он не может найти элемент, он просто возвращает null.

Документы MDN для справки 

window.onload = function(){
    if(document.querySelector(".test")){alert("test class name present")};
    if(document.querySelector(".test2")){alert("test2 class name present")};
    if(document.querySelector(".test3")){alert("test3 class name present")};
}
<div class="test">
test
</div>

<div class="test2">
test2
</div>

<div class="test2 test3">
test2 test3
</div>

<div class="nothing">
nothing
</div>
0 голосов
/ 05 июня 2018 

$( "div" ).each(function( index,element) { // if u want find the specific element use ID
  var arry=$(this).attr("class").split(" ");
  $.each(arry,function( index1,element1) {
    alert("element found "+element1);
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="test test1 test2"></div>

<div class="test4"></div>
0 голосов
/ 05 июня 2018 

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $( "li" ).each(function( index ) { //check the class name of element li
    if($( this ).attr("class")=='rest'){ // check the equality
  	  alert("present class name  "+$( this ).attr("class")); // show alertbox
    }
  });
});
</script>
</head>
<body>
 <ul>
  <li class='test'>foo</li><!--element with class name-->
  <li class='rest'>bar</li>
</ul>
</body>
</html>
...