Javascript 如果元素为空或内部有空白，则隐藏元素（2）

我正在离子城建设一个应用程序，目前，我需要隐藏一些元素有一些空白区域内的空白。我可以使用jQuery执行此操作，如下所示

    jQuery('.course p').filter(function() {

      return $.trim($(this).text()) === ''

    }).remove();

我导入了一个自定义的.js文件，但似乎什么都没有发生？ 有更好的方法吗？如果是这样，请给我一些建议

---

谢谢

我已经在代码片段中添加了三个p元素——一个带有空格，一个带有不间断空格，另一个带有文本。然后，该函数在修剪内容以去除空白后对每个内容进行迭代，然后tehn add将其删除。所以剩下的只是带有内容的单个p元素——注意，我在p'元素周围加了一个边框来显示它们

我刚刚放了一个按钮，这样初始状态可以被看作是三个p元素，然后点击按钮-两个被删除

第一个p本质上是一个带边框的折叠div-因此最初显示为粗线，第二个p是nbsp，显示为空框-然后最后一个是带文本的。这是单击按钮后唯一剩下的一个

$（文档）.ready（函数（）{
$（“#修剪按钮”）。单击（函数（）{
$（'.course p'）。每个（函数（）{
如果（$（this）.text（）.trim（）=''）{
$（this.remove（）；}
})
})
})

.course p{边框：实心1px红色；边距底部：10px}

试验


单击我以删除空的p元素

我在代码段中添加了三个p元素—一个带有空格，一个带有不间断空格，另一个带有文本。然后，该函数在修剪内容以去除空白后对每个内容进行迭代，然后tehn add将其删除。所以剩下的只是带有内容的单个p元素——注意，我在p'元素周围加了一个边框来显示它们

我刚刚放了一个按钮，这样初始状态可以被看作是三个p元素，然后点击按钮-两个被删除

第一个p本质上是一个带边框的折叠div-因此最初显示为粗线，第二个p是nbsp，显示为空框-然后最后一个是带文本的。这是单击按钮后唯一剩下的一个

$（文档）.ready（函数（）{
$（“#修剪按钮”）。单击（函数（）{
$（'.course p'）。每个（函数（）{
如果（$（this）.text（）.trim（）=''）{
$（this.remove（）；}
})
})
})

.course p{边框：实心1px红色；边距底部：10px}

试验


单击我从我的检查中删除空的p元素

，您的代码应该可以正常工作

$（'#trim'）。单击（函数（）{
jQuery（'.course p'）.filter（函数（）{
返回$.trim（$（this）.text（））==''
}).remove（）；
})

这是
此
从我的检查中清除空元素

，您的代码应该可以正常工作

$（'#trim'）。单击（函数（）{
jQuery（'.course p'）.filter（函数（）{
返回$.trim（$（this）.text（））==''
}).remove（）；
})

这是
此
清除空元素

maby ng if？……如果您想隐藏，最好使用

。hide（）

，而不是

。remove（）

maby ng if？……如果您想隐藏，最好使用

。hide（）

，而不是

。remove（）

“

$。trim（$（this.text（））=”

不返回true或false”-是的。实际上您是非常正确的，

$.trim（$（this）.text（））==''

返回正确的值。这意味着您的代码应该可以工作。我试过这个，它确实有效。可能是类命名或脚本文件的导入方式有问题。将编辑我的答案。“

$.trim（$（this）.text（））==''

不返回真或假”-是的。实际上你非常正确，

$.trim（$（this）.text（））==''

返回正确的值。这意味着您的代码应该可以工作。我试过这个，它确实有效。可能是类命名或脚本文件的导入方式有问题。将编辑我的答案。