Question

I have multiple ul’s with li’s with custom attributes:

<ul data-id="1">
  <li data-li-id="1">This</li>
  <li data-li-id="2">That</li>
  <li data-li-id="3">Here</li>
</ul>


<ul data-id="2">
  <li data-li-id="1">This</li>
  <li data-li-id="2">That</li>
  <li data-li-id="3">Here</li>
</ul>

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:

 $("ul[data-id=" + data.listId + "] > li").attr('[data-li-id="' + data.listItemId + '"]').remove();

but can’t get it to work. Any help would be appreciated.

Answer 1

Try

$("ul[data-id=" + data.listId + "] > li[data-li-id=" + data.listItemId + "]").remove();