删除其<a> tag starts with: &#39;ids&#39;</a> </li>的所有<li>

Question

我想删除包含{id}开头的<li>元素的所有<a>：'ids'。

在：

<li class="inner" style="width:100%;"><a style="width:100%;" id='ids1' href="#">hi</a></li>
<li class="inner" style="width:100%;"><a style="width:100%;" id='ids2' href="#">hello</a></li>
<li class="inner" style="width:100%;"><a style="width:100%;" id='ids2' href="#">hi</a></li>
<li class="inner" style="width:100%;"><a style="width:100%;" id='myid' href="#">hi</a></li>

后：

<li class="inner" style="width:100%;"><a style="width:100%;" id='myid' href="#">hi</a></li>

我试过了：

$("a[id^='ids']").remove();

但<li>和文字是什么？

Answer 1

你可以做

$("li").has("a[id^='ids']").remove();

或

$("a[id^='ids']").closest('li').remove();

Answer 2

你可以这样做：

$("li").has("a[id^='ids']").remove();

JSFIDDLE

或

$("a[id^='ids']").parent().remove();

（假设a是li）的孩子

JSFIDDLE

另请注意，您cannot have two elements with same id（我称之为ids2）。

Answer 3

要删除li和文本，您应该在删除之前遍历一级：

$("a[id^='ids']").parent().remove();