apply basic j query filter and highlight second and fourth elements with red boarder

Question

Question

apply basic j query filter and highlight second and fourth elements with red boarder

engineering Computer-Science

Add a comment Improve this question Transcribed image text

Answer 1

Answer #1

Here is the code that you asked which was done by filter method and it is very basic.

the indexing start from 0 in jquery so we have taken odd positions.

index.html

<!DOCTYPE html>
<html>
<head>
<title>Filtering with jQuery</title>
<style>
.showOdd{
border: 1px solid red;
}
</style>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("ul li").filter(":odd").addClass("showOdd");//selecting odd positions(indexes) such as 1,3,5 so 1 represents 2nd element
$("p").filter(":odd").addClass("showOdd");//selecting odd positions(indexes) such as 1,3,5 so 1 represents 2nd element
});
</script>
</head>
<body>
<h2>first example with list</h2>
<ul>
<li>First list item</li>
<li>Second list item</li>
<li>Third list item</li>
<li>Fourth list item</li>
</ul>
<hr>
<h2>Second Example with 'p' tags</h2>

<p>Welcome 1</p>
<p>Welcome 2</p>
<p>Welcome 3</p>
<p>Welcome 4</p>
</body>
</html>

Output screenshot:

first example with list First list item Press F11 to exit full screen Secod list item Third list item Fourt list item Second

Thanks, hope it helps to you.

Add a comment

Answer 2

apply basic j query filter and highlight second and fourth elements with red boarder

Homework Answers

Add Answer to:
apply basic j query filter and highlight second and fourth elements with red boarder

Post as a guest

Earn Coins

5) Consider the following second-order bandpass filter. As input voltage, apply V(t) 100Ω, C-4.7 μF. and L-10mH. sin(wt).R in Vout Fig 9: Second-order band-pass filter a) Determine the frequenc...

Directions: Complete requirements 1-3 below. The primary purpose of this assignment is to apply your basic...

Directions: Complete requirements 1-3 below. The primary purpose of this assignment is to apply your basic...

apply basic j query filter and highlight second and fourth elements with red boarder

Homework Answers

Add Answer to: apply basic j query filter and highlight second and fourth elements with red boarder

Post as a guest

Earn Coins

5) Consider the following second-order bandpass filter. As input voltage, apply V(t) 100Ω, C-4.7 μF. and L-10mH. sin(wt).R in Vout Fig 9: Second-order band-pass filter a) Determine the frequenc...

Directions: Complete requirements 1-3 below. The primary purpose of this assignment is to apply your basic...

Directions: Complete requirements 1-3 below. The primary purpose of this assignment is to apply your basic...

Add Answer to:
apply basic j query filter and highlight second and fourth elements with red boarder