Q:

Selects all paragraphs and finds span elements inside these and reverts the selection back to the paragraphs using jquery

hamza
Save to bookmark
|
2022-05-18
|
  157 
0

Selects all paragraphs and finds span elements inside these and reverts the selection back to the paragraphs using jquery

JQUERY,
login and add your own answer to this question

All Answers

hamza
2022-05-18
need an explanation for this answer? contact us directly to get an explanation for this answer

HTML Code :

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-git.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Selects all paragraphs, finds span elements inside these, and reverts the selection back to the paragraphs.</title>
</head>
<body>
<p><span>w3resource</span>.com</p>
<button id="button1">Click to see the effect</button>
</body>
</html>

CSS Code :

p {
margin: 10px;
padding: 10px;
}

button {
display: block;
margin: 20px 0 0 0;
}

JavaScript Code :

$('#button1').click(function(){
$( "p" )
.find( "span" )
.end()
.css( "border", "2px green solid" );
});

need an explanation for this answer? contact us directly to get an explanation for this answer

total answers (1)

Similar questions

need a help?

find thousands of online teachers now