javascript - jquery:通过指定数据属性删除元素

标签 javascript jquery html

好的。所以我陷入了一个简单的情况。我要删除<li>某些 <ul> 中存在的元素,但来自其data-*属性。

我尝试了代码,但不知道为什么它不起作用。看看我的jsbin .

请指出我哪里出错了(因为我需要从中学习)。

我知道这对你们来说很容易...但我无法弄清楚...所以需要您的帮助。谢谢..

我的代码:

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
  <meta charset="utf-8">
  <title>Example</title>
  <script>
  function deleteElement(id)
  {
    $("ul li").data("id", id).remove();
  }
  </script>
</head>
<body>
<ul>
  <li data-id="3">3<input type="button" onclick="deleteElement(3)" value="delete"></li>
  <li data-id="31">31<input type="button" onclick="deleteElement(31)" value="delete"></li>
  <li data-id="32">32<input type="button" onclick="deleteElement(32)" value="delete"></li>
  <li data-id="33">33<input type="button" onclick="deleteElement(33)" value="delete"></li>
  <li data-id="41">41<input type="button" onclick="deleteElement(41)" value="delete"></li>
  <li data-id="42">42<input type="button" onclick="deleteElement(42)" value="delete"></li>
  <li data-id="43">43<input type="button" onclick="deleteElement(43)" value="delete"></li>
</ul>

</body>
</html>

最佳答案

您可以按属性选择:

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

关于javascript - jquery:通过指定数据属性删除元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24432034/

相关文章:

javascript - Jquery显示更多的div和显示更少的div

javascript - 在多选中获取最后单击的选项

javascript - 为什么 window.open 前面加上默认 url?

javascript - Gatsby 热重载不会在 Hello World 入门项目中重载

php - 我如何在 yii2 中使用 jquery

jquery - 交叉淡入淡出图像javascript

javascript - 如何从 jQuery 输入掩码插件文本框中删除下划线

javascript - 如何在 JavaScript 游戏中监听鼠标点击

javascript - 发布http ://localhost:3000/upload 500 (Internal Server Error)

javascript - 如何从 Javascript 调用 PHP 文件并将数据从 PHP 返回到 Javascript