Удалите li из ul на основе значений пользовательских атрибутов с помощью Jquery

Question

У меня есть несколько ul с li с пользовательскими атрибутами:

<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>

и я знаю data-id списка и data-li-id li, и я хочу удалить li из списка. Пока что у меня есть:

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

но не могу заставить его работать. Любая помощь будет оценена.

Answer 1

Вот тест: http://jsfiddle.net/LFEAs/

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

Answer 2

Попробуйте

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

Answer 3

Возможно http://jsfiddle.net/7fcCH/2/

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