Question

I am supposed to find a class and apply a logic for that.
My code structure is as follows.

<div class="class">

  <form>

    <ul>
      <li>xxx</li><li>xxx</li>
    </ul>

    <ul>
      <li>xxx</li><li>xxx</li>
    </ul>

    <ul class="ul_class">

      <li>
        <input ....><a ...><span ..></span>
        <a href="#" title="View History" class="hstry">
        <span class="hide">&nbsp;</span></a>
      </li>

      <li>xxx</li>

     </ul>

   </form>

How to find the class hstry inside the ul with the class named ul_class.

Answer 1

Just use a normal CSS selector to find nested classes like the following:

$( 'ul.ul_class .hstry' )

Note the whitespace between both classes. Without it, it would match an element having both classes, instead of an element with class hstry which is below some <ul> element with class ul_class.