Javascript Jquery-如果内部元素为空（空白），如何隐藏链接？

我有一个问题，隐藏元素，如果跨度内是与空白作为文本。有可能藏起来吗。我尝试了下面的代码，但没有结果？多谢各位

Jquery：

if($('#footerextra .link3 .ui-btn-inner .ui-btn-text').is(':empty')){
   $(this).closest(.link3).hide();
}

   $('#id1').hide();

HTML:

---

存在多个问题

$('#footerextra .link3').filter(function(){
    return $.trim($(this).find('.ui-btn-inner .ui-btn-text').text()).length ==0
}).hide()

• .ui btn text

  不是空的，因为它有一个空的子空间（文本节点）
• 在if块内

  此

  不引用

  ui btn text

  元素，因此

  $（此）。最近的（.link3）

  没有任何意义

• $（this）.最近的（.link3）

  -您缺少将

  link3

  括在

  ''

---

存在多个问题

$('#footerextra .link3').filter(function(){
    return $.trim($(this).find('.ui-btn-inner .ui-btn-text').text()).length ==0
}).hide()

• .ui btn text

  不是空的，因为它有一个空的子空间（文本节点）
• 在if块内

  此

  不引用

  ui btn text

  元素，因此

  $（此）。最近的（.link3）

  没有任何意义

• $（this）.最近的（.link3）

  -您缺少将

  link3

  括在

  ''

---

存在多个问题

$('#footerextra .link3').filter(function(){
    return $.trim($(this).find('.ui-btn-inner .ui-btn-text').text()).length ==0
}).hide()

• .ui btn text

  不是空的，因为它有一个空的子空间（文本节点）
• 在if块内

  此

  不引用

  ui btn text

  元素，因此

  $（此）。最近的（.link3）

  没有任何意义

• $（this）.最近的（.link3）

  -您缺少将

  link3

  括在

  ''

---

存在多个问题

$('#footerextra .link3').filter(function(){
    return $.trim($(this).find('.ui-btn-inner .ui-btn-text').text()).length ==0
}).hide()

• .ui btn text

  不是空的，因为它有一个空的子空间（文本节点）
• 在if块内

  此

  不引用

  ui btn text

  元素，因此

  $（此）。最近的（.link3）

  没有任何意义

• $（this）.最近的（.link3）

  -您缺少将

  link3

  括在

  ''

$（此）此处不是对“.ui btn text”的引用：

if($('#footerextra .link3 .ui-btn-inner .ui-btn-text').is(':empty')){
   $(this).closest(.link3).hide();
}

并在“.link3”中加引号
您可以这样做：

if($('#footerextra .link3 .ui-btn-inner .ui-btn-text').each(function() {
    if ($(this).is(':empty')){
        $(this).closest(.link3).hide();
    }
});

但这仅循环到同一个“.ui btn internal.”中的“.ui btn text”。
$（这）此处不是对“.ui btn text”的引用：

if($('#footerextra .link3 .ui-btn-inner .ui-btn-text').is(':empty')){
   $(this).closest(.link3).hide();
}

并在“.link3”中加引号
您可以这样做：

if($('#footerextra .link3 .ui-btn-inner .ui-btn-text').each(function() {
    if ($(this).is(':empty')){
        $(this).closest(.link3).hide();
    }
});

但这仅循环到同一个“.ui btn internal.”中的“.ui btn text”。
$（这）此处不是对“.ui btn text”的引用：

if($('#footerextra .link3 .ui-btn-inner .ui-btn-text').is(':empty')){
   $(this).closest(.link3).hide();
}

并在“.link3”中加引号
您可以这样做：

if($('#footerextra .link3 .ui-btn-inner .ui-btn-text').each(function() {
    if ($(this).is(':empty')){
        $(this).closest(.link3).hide();
    }
});

但这仅循环到同一个“.ui btn internal.”中的“.ui btn text”。
$（这）此处不是对“.ui btn text”的引用：

if($('#footerextra .link3 .ui-btn-inner .ui-btn-text').is(':empty')){
   $(this).closest(.link3).hide();
}

并在“.link3”中加引号
您可以这样做：

if($('#footerextra .link3 .ui-btn-inner .ui-btn-text').each(function() {
    if ($(this).is(':empty')){
        $(this).closest(.link3).hide();
    }
});

但这只会循环到同一个“.ui btn internal”中的“.ui btn text”。
您应该使用来循环您的

span

元素，以便利用

$（此）

此处：

$('#footerextra .link3 .ui-btn-inner .ui-btn-text').each(function () {
    if ($.trim($(this).text()) == 0) {
        $(this).closest('.link3').hide();
    }
});

另外，由于

span

在HTML标记中有一个空格，因此可以使用删除span文本中的空白
您应该使用在

span

元素中循环，以便在此处使用

$（此）

：

$('#footerextra .link3 .ui-btn-inner .ui-btn-text').each(function () {
    if ($.trim($(this).text()) == 0) {
        $(this).closest('.link3').hide();
    }
});

另外，由于

span

在HTML标记中有一个空格，因此可以使用删除span文本中的空白
您应该使用在

span

元素中循环，以便在此处使用

$（此）

：

$('#footerextra .link3 .ui-btn-inner .ui-btn-text').each(function () {
    if ($.trim($(this).text()) == 0) {
        $(this).closest('.link3').hide();
    }
});

另外，由于

span

在HTML标记中有一个空格，因此可以使用删除span文本中的空白
您应该使用在

span

元素中循环，以便在此处使用

$（此）

：

$('#footerextra .link3 .ui-btn-inner .ui-btn-text').each(function () {
    if ($.trim($(this).text()) == 0) {
        $(this).closest('.link3').hide();
    }
});

另外，由于

span

在HTML标记中有一个空格，因此可以使用删除span文本中的空白
您可以这样做
Jquery：

if($('#footerextra .link3 .ui-btn-inner .ui-btn-text').is(':empty')){
   $(this).closest(.link3).hide();
}

   $('#id1').hide();

HTML:
您可以这样做
Jquery：

if($('#footerextra .link3 .ui-btn-inner .ui-btn-text').is(':empty')){
   $(this).closest(.link3).hide();
}

   $('#id1').hide();

HTML:
您可以这样做
Jquery：

if($('#footerextra .link3 .ui-btn-inner .ui-btn-text').is(':empty')){
   $(this).closest(.link3).hide();
}

   $('#id1').hide();

HTML:
您可以这样做
Jquery：

if($('#footerextra .link3 .ui-btn-inner .ui-btn-text').is(':empty')){
   $(this).closest(.link3).hide();
}

   $('#id1').hide();

HTML:
为什么您会得出结论认为

.each（）

甚至是必要的？OP的示例代码只有一个实例。为什么您认为

.each（）

甚至是必需的？OP的示例代码只有一个实例。为什么您认为

.each（）

甚至是必需的？OP的示例代码只有一个实例。为什么您认为

.each（）

甚至是必需的？OP的示例代码只有一个实例。