title: Remove li from ul based on custom attribute values with Jquery
body: <p>I have multiple ul's with li's with custom attributes:</p>
  
  <pre><code>&lt;ul data-id="1"&gt;
    &lt;li data-li-id="1"&gt;This&lt;/li&gt;
    &lt;li data-li-id="2"&gt;That&lt;/li&gt;
    &lt;li data-li-id="3"&gt;Here&lt;/li&gt;
  &lt;/ul&gt;
  
  
  &lt;ul data-id="2"&gt;
    &lt;li data-li-id="1"&gt;This&lt;/li&gt;
    &lt;li data-li-id="2"&gt;That&lt;/li&gt;
    &lt;li data-li-id="3"&gt;Here&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>and I know the data-id of the list and the data-li-id of the li and I want to remove the li from the list. So far I have:</p>
  
  <pre><code> $("ul[data-id=" + data.listId + "] &gt; li").attr('[data-li-id="' + data.listItemId + '"]').remove();
  </code></pre>
  
  <p>but can't get it to work. Any help would be appreciated.</p>