Javascript 如何使用jquery删除指定元素?

Javascript 如何使用jquery删除指定元素?,javascript,jquery,css,Javascript,Jquery,Css,我的剧本有点问题。我需要检查一些跨度,如果我有一些内容在中间,我什么都不做…但如果它是空的,我想删除这个跨度,或者例如更改样式。现在,当specify span为空时,脚本将清除所有我的跨距,即使它们不是空的。你能帮我吗 html 用法:空 删除所有空元素。或 $('.insert_list_item:not(:empty)').remove() 删除所有非空元素的步骤 在上,您可以看到所有可用的选择器。使用:空 删除所有空元素。或 $('.insert_list_item:not(:em

我的剧本有点问题。我需要检查一些跨度,如果我有一些内容在中间,我什么都不做…但如果它是空的,我想删除这个跨度,或者例如更改样式。现在,当specify span为空时,脚本将清除所有我的跨距,即使它们不是空的。你能帮我吗

html

用法:空

删除所有空元素。或

 $('.insert_list_item:not(:empty)').remove()
删除所有非空元素的步骤

在上,您可以看到所有可用的选择器。

使用:空

删除所有空元素。或

 $('.insert_list_item:not(:empty)').remove()
删除所有非空元素的步骤

在上,您可以看到所有可用的选择器。

在每个选择器中使用条件。每次遍历选择器返回的所有元素时

$('.insert_list_item').each(function(){

  if($(this).html().length === 0)
       $(this).remove();
});
使用条件各有不同。每次遍历选择器返回的所有元素时

$('.insert_list_item').each(function(){

  if($(this).html().length === 0)
       $(this).remove();
});
试试这个:

if ($('.insert_list_item').text().length > 0){
    $('.insert_list_item').remove();
} 
试试这个:

if ($('.insert_list_item').text().length > 0){
    $('.insert_list_item').remove();
} 
每个检查长度:

过滤器:空:

每个检查长度:

过滤器:空:

那么:

$( '.insert_list_item' ).filter(function () { 
    return $.trim( $( this ).text() ) === '';
}).remove();
现场演示:

请注意,此解决方案也适用于包含空白的跨度元素,例如..

如何:

$( '.insert_list_item' ).filter(function () { 
    return $.trim( $( this ).text() ) === '';
}).remove();
现场演示:


请注意,此解决方案也适用于包含空格的跨元素,例如..

$”。插入列表项“.length>0测试元素是否存在,而不是是否有文本,$”。插入列表项“.text.length>0将检查元素是否有文本。$”。插入列表项“.length>0测试元素是否存在,而不是是否有文本,$'.insert_list_item.text.length>0将检查元素是否有文本。第二个解决方案将不起作用。is返回一个布尔值,而不是jQuery对象。哇,应该是筛选器。早晨的咖啡还没有起作用。第二种解决办法行不通。is返回一个布尔值,而不是jQuery对象。哇,应该是筛选器。早上的咖啡还没有开始。很好,我在列表元素中的跨度,现在如果跨度是空的,我可以删除整个li,很多thx!很好,我在列表元素中有这些跨度,现在如果跨度为空,我可以删除整个li,很多thx!
$( '.insert_list_item' ).filter(function () { 
    return $.trim( $( this ).text() ) === '';
}).remove();