title: Find Custom Elements that start with a specified prefix
body: <p>I have a bunch of Custom Elements that begin with 'food-cta-'. I am looking for a way in JavaScript/jQuery to be able to select these elements. This is similar to how I can use <code>$('*[class^="food-cta-"]')</code> to select all the classes that start with <code>food-cta-</code>. Is it possible to do a search for elements that start with 'food-cta-'?</p>
  
  <p>Note that I will be injecting this search onto the page, so I won't have access to Angular.</p>
  
  <p>Example of Custom Elements:</p>
  
  <ul>
  <li><code>&lt;food-cta-download&gt;</code></li>
  <li><code>&lt;food-cta-external&gt;</code></li>
  <li><code>&lt;food-cta-internal&gt;</code></li>
  </ul>
  
  <p>EDIT: The code I am looking at looks like:</p>
  
  <pre><code>&lt;food-cta-download type="primary" description="Download Recipe"&gt;
      &lt;img src=""&gt;
      &lt;h2&gt;&lt;/h2&gt;
      &lt;p&gt;&lt;/p&gt;
  &lt;/food-cta-download&gt;
  </code></pre>
  
  <p>The app uses AngularJS to create Custom Elements which I believe is called Directives.</p>