Imagine you have the following code snippet.
.pic {
display: none;
}
.pic.show {
display: block;
}
<ul>
<li class='pic show'><img src="1.jpg"></li>
<li class='pic'><img src="2.jpg"></li>
<li class='pic'><img src="3.jpg"></li>
<li class='pic'><img src="4.jpg"></li>
</ul>
I am looking to create a simple dynamic jQuery function that can identify the li element with the 'pic show' class.
So, my inquiry is, what approach would you take to locate the li item currently marked with class = 'pic show'
?