使用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();

Answer 3

也许http://jsfiddle.net/7fcCH/2/

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