JavaScript/jQuery/css/hasClass.html at master · lgope/JavaScript · GitHub

36 lines (29 loc) · 966 Bytes

<!doctype html>

<head>

<title>hasClass</title>

<style>

p {

margin: 8px;

font-size: 16px;

}

.selected {

color: rgb(89, 148, 128);

}

</style>

</head>

<body>

<p>This paragraph is black and is the first paragraph.</p>

<p class="selected">This paragraph is colored and is the second paragraph.</p>

<div id="result1">First paragraph has selected class: </div>

<div id="result2">Second paragraph has selected class: </div>

<p id="result3">At least one paragraph has selected class: </p>

$("#result1").append($("p").first().hasClass("selected").toString());

$("#result2").append($("p").last().hasClass("selected").toString());

$("#result3").append($("p").hasClass("selected").toString());

</script>

</body>

</html>

Expand file tree