title: Target dynamic classes with jquery
body: <p>I have a template that allows for multiple royalslider videos on a page (I don't embed the videos straight into the template because the client wants to use their own hi-res images as placeholders). I have a play button set up for each but when one is clicked, all play. How do I alter my jquery code to target each if i dynamically alter the class with php using an idx value (i.e. .myclass-0, .myclass-1, .myclass-2, etc.)?</p>
  
  <pre><code>&lt;li class="gallery-item large-12 columns collapse royalSlider rsDefault vidImg"&gt;
  &lt;div class="vidLaunch"&gt;
      &lt;div class="defer-image image-ratio:16x9"&gt;
          &lt;div class="rsImg" src="[[+file_url:phpthumbof=`w=970&amp;h=546&amp;q=80&amp;zc=1`]]" data-rsVideo="[[+url]]" alt="[[+name]]"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></li></p>
  
  <pre><code> $('.vidLaunch').click(function() {
      $('.royalSlider').royalSlider('playVideo');
  });
  </code></pre>