使用Jquery基于自定义属性值从ul中删除li

Question

我有多个带有自定义属性的ul:

<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和li的data-li-id,我想从列表中删除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();