javascript - 在 jquery 中删除一个 div 不起作用

Question

我有以下代码，我想在其中删除一个标签。但它不起作用。

.CSHTML

<div id="resultsection"> 
<span id="a83c970a-e899-4b0b-874f-a2a7d295a493" class="multiselectContainer"></span><br>
<span class="multiselectContainer">
 <span class="indivSelectedText">HIMANSHU_NOMATCH</span>
   <input class="indivSelectedValue" type="hidden" value="183386"><a class="fa fa-times-circle labelclose"></a><br></span>
<span class="multiselectContainer">
<span class="indivSelectedText">TEST_ASSOCIATION_BRANCH</span><input class="indivSelectedValue" type="hidden" value="183301"><a class="fa fa-times-circle labelclose"></a><br></span></div>

.js

var prevElement= $(this).parents().find("#resultsection").find('.multiselectContainer');

现在，我在 prevElement 中有以下内容:

<span id="3906ab24-cfa3-46ac-9e65-15f6f98a582a" class="multiselectContainer">
<span class="indivSelectedText">MY BRANCH</span><input class="indivSelectedValue" type="hidden" value="183424"> <strong class="alert-warning"><i class="fa fa-chevron-left fa-lg"></i><i class="fa fa-database">  </i> ,DATAHUB/ 8683403</strong><a class="fa fa-times-circle labelclose" href="#"></a></span>

但是当我写 $(prevElement).remove() 或 prevElement.remove() 它实际上是不删除类为“multiselectContainer”的 div。如何删除 prevElement 变量中的这个元素？ .empty() 有效但它仍然有“multiselectContainer”类？

Answer 1

我不完全确定你在这里试图实现什么，我也不确定你代码中的 this 是什么。但是通过查看代码，它应该删除所有类 multiselectContainer 的 div。

我试图在 jsfiddle 中快速复制我认为您正在做的事情。我希望这可以帮助您理解您的问题: https://jsfiddle.net/kejgnpk8/1/

这些是使用 jquery 查找元素的一些基本示例，但实际上您可以对 select and find elements 做更多的事情。 .