使用 Jquery 根据自定义属性值从 ul 中删除 li答案

【问题标题】：Remove li from ul based on custom attribute values with Jquery使用 Jquery 根据自定义属性值从 ul 中删除 li
【发布时间】：2011-04-15 05:07:03
【问题描述】：

我有多个带有自定义属性的 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();

但不能让它工作。任何帮助将不胜感激。

【问题讨论】：

标签： jquery jquery-ui custom-attributes

【解决方案1】：

试试

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

【讨论】：

谢谢...第一个打勾

【解决方案2】：

这里是测试：http://jsfiddle.net/LFEAs/


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

【讨论】：

谢谢... Ron 刚刚为 Tick 打败了你

【解决方案3】：

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

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

【讨论】：

谢谢...Ron 比你领先 2 分钟，这样他就可以打勾了