Javascript 如何删除“；css类“；当；a href"；是空的

我创建了一个自定义页面模板，在这里我使用WordPress帖子获取图像（使用功能图像），并用它们制作了一个图库

<div class="box">
    <img class="img" src="<?php the_post_thumbnail_url(); ?>" style="width:100%"/>
    <div class="middle">
        <div class="pyete-vete">
            <a href="<?php echo the_field("peoplelink"); ?>" target="_blank">PYETE VETE</a>
        </div>
    </div>
</div>

“style=“width:100%”/>

现在，我想实现的是在HREF为空时删除.middle class

我在堆栈溢出上做了很多尝试，但到目前为止都没有成功

---

谢谢。

您可以这样做：

$('.middle').filter(function() {
  return $("a", this).attr("href") == "";
}).removeClass("middle");

演示

$（'.middle'）.filter（函数（）{
return$（“a”，this）.attr（“href”）==“”
}).removeClass（“中间”）

“style=“width:100%”/>

考虑到

_字段（“peoplelink”）

为空：

<div class="<?php echo empty(the_field("peoplelink")) ? 'middle' : ''; ?>">
    <div class="pyete-vete">
        <a href="<?php echo the_field("peoplelink"); ?>" target="_blank">PYETE VETE</a>
    </div>
</div>

---

您可以这样做（未经测试）：

你可以试试这个：

<div class="<?php if (the_field("peoplelink")){ echo 'middle'; } ?>">

使用jQuery
每个
函数循环所有
a
标记，并检查
href
是否为空


$（'a'）。每个（函数（e）{
if（$（this.attr（'href'）=''）
$（this）.closest（'.middle'）.remove（）
})

“style=“width:100%”/>
你能告诉我们你曾试图达到同样的目的吗？这样我们就可以帮助检查你是否遗漏了什么。这里试着把下面的条件写下来
@DanishHakimKhan试过了，但没有成功…@KrishnaPrashatt示例使用jquery，正如其他人在这个问题上建议的那样。@xake，他们都没有成功？运行这个剪贴宠物，它显示了“PYETE VETE”a href.@xake在第一个div中产阶级中被删除，因为它没有href@xake我用边框突出显示了中产阶级是否存在。我使用了你的代码并将其更改为addClass。所以我添加了一个新类，并使用CSS将其删除。谢谢。
<div class="<?php if (the_field("peoplelink")){ echo 'middle'; } ?>">