title: Remove li child by a specific data-gt
body: <p>Ok I have this HTML code:</p>
  
  <pre><code>&lt;ul&gt;    
      &lt;li data-gt="{'alert_id':11111,'type':'hello'}"&gt;&lt;/li&gt;
      &lt;li data-gt="{'alert_id':11111,'type':'bye'}"&gt;&lt;/li&gt;
      &lt;li data-gt="{'alert_id':11111,'type':'hello'}"&gt;&lt;/li&gt;
      &lt;li data-gt="{'alert_id':11111,'type':'bye'}"&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I want to delete all <strong>li</strong> tags containing <strong>"type":"hello"</strong>. And I want to be counted all deleted tags, in a <strong>var</strong>.
  <em>PS: I can't change HTML code.</em></p>
  
  <p>We looked everywhere, but fail, if possible in JavaScript. (not jQuery). Thanks for your time.</p>