title: How to select an element where attribute opacity is 1 with jQuery
body: <p>I have these elements, and I need to select the li inside the ul where opacity=1.
  How can I do this?</p>
  
  <pre><code>&lt;ul class="class" id="ul"&gt;
                  &lt;li style="width: 100%; list-style: none outside none; position: absolute; top: 0px; left: 0px; z-index: 98; opacity: 0;"&gt;&lt;a title="title1" href=""&gt;&lt;img alt="alt" class="class_name" src="/images/7dfc294d5c3bcebecb2ec0e44fd27d1c.jpg"&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li style="width: 100%; list-style: none outside none; position: absolute; top: 0px; left: 0px; z-index: 98; opacity: 0;"&gt;&lt;a title="title2" href=""&gt;&lt;img alt="alt" class="class_name " src="/images/a9c9eb42934df4576b352d88f607f292.jpg"&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li style="width: 100%; list-style: none outside none; position: absolute; top: 0px; left: 0px; z-index: 98; opacity: 0;"&gt;&lt;a title="title3" href=""&gt;&lt;img alt="alt" class="class_name " src="/images/b64264692c0d648068c9d1380e9099c1.jpg"&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li style="width: 100%; list-style: none outside none; position: absolute; top: 0px; left: 0px; z-index: 99; opacity: 1;"&gt;&lt;a title="title4" href=""&gt;&lt;img alt="alt" class="class_name " src="/images/43e3e5e2edc4234ecddbc89636e4e224.jpg"&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li style="width: 100%; list-style: none outside none; position: absolute; top: 0px; left: 0px; z-index: 98; opacity: 0;"&gt;&lt;a title="title5" href=""&gt;&lt;img alt="e-alt" class="class_name " src="/images/31a156ce7f7ab5485366d24f6cbfbede.jpg"&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
  </code></pre>