Question

这是我的HTML，

$( "#test" ).last().remove();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label id="test">thid2</label>
<label id="test" >this3</label>
<label id="test" >this4</label>

我知道不允许重复的身份证明但是，是的，情况就是这样 因为html来自数据库，它将多个html值组合成一个。

我想删除ID为 test 的最后一个标签。

我们能做到吗？

Answer 1

使用 attribute equals selector 为了获得具有相同id的所有元素，无论如何，使用重复ID而不是使用类来表示一组元素是不好的做法。

＆＃13;

$("[id='test']").last().remove();
// or $("[id='test']:last").remove();

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label id="test">thid2</label>
<label id="test">this3</label>
<label id="test">this4</label>

＆＃13;

Answer 2

您可以使用属性匹配：

$("[id=test]")

段：

$("[id=test]").last().remove();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label id="test">thid2</label>
<label id="test" >this3</label>
<label id="test" >this4</label>

Answer 3

我认为你应该在DB中修复记录。但你可以隐藏最后一个元素

<style> label#test:last-child { display:none } </style>


<div class="parent">
  <label id="test">thid2</label>
  <label id="test" >this3</label>
  <label id="test" >this4</label>
</div>

这是jsfiddle

Answer 4

试试这个 $（“＃test：nth-last-child（2）”）。remove（）;

如何删除具有相同属性的最后一个兄弟？

4 个答案: