Javascript 如果div不是空的，则从dom中删除X

如果

.details display

不为空（在下面的示例中为真），则应删除

.details组

。下面的代码有什么问题

HTML

---

在代码片段中，

$（此）

引用了窗口对象。您可以使用

.each（）

方法迭代

.details组

元素。执行此操作时，

$（此）

将引用当前的

.details组

元素

此外，元素

.details display

没有任何子元素。如果要检查它是否有文本，可以使用

.text（）

方法

---

在代码段中，

$（this）

引用了窗口对象。您可以使用

.each（）

方法迭代

.details组

元素。执行此操作时，

$（此）

将引用当前的

.details组

元素

此外，元素

.details display

没有任何子元素。如果要检查它是否有文本，可以使用

.text（）

方法

---

简单地移除它有什么问题

if（$（'.details group'）.find（'.details display'）.length）{
$（“.details组”）.remove（）；
}

简单地删除它有什么错

if（$（'.details group'）.find（'.details display'）.length）{
$（“.details组”）.remove（）；
}

我认为jquery用户可能会感到困惑的是，他们习惯于在所有事件处理程序中使用

这个

。在这种情况下，上下文是不同的。我说得对吗？@themuffindman是的，我确实看到了很多关于

的困惑。在本例中，
这是全局上下文中的
。在上面的示例中，它位于提供上下文的
.each（）
方法中。我认为jquery用户可能会感到困惑的是，他们习惯于在所有事件处理程序中使用
这个
。在这种情况下，上下文是不同的。我说得对吗？@themuffindman是的，我确实看到了很多关于
的困惑。在本例中，
这是全局上下文中的
。在上面的示例中，它位于提供上下文的
.each（）
方法中。
<div class="details-group">
    <span class="details">Details [+]</span>
    <div class="details-display">The connecting walkway floats above the second story of the Main hall, joining the North and the South wings.</div>
</div>

if ( $('.details-group').find('.details-display').length ) {
    $(this).remove();
}

$('.details-group').each(function () {
    if ($(this).find('.details-display').text().trim().length) {
        $(this).remove();
    }
});