javascript - 在 jQuery 的 if 条件中使用 AND 运算符

Question

我正在开发一个 WordPress 网站，当 h1 元素为空(如下所示)时，我会添加类，这意味着 .featured-block__tag 中没有内容并且.featured-block__title 类。

<h1 class="featured-block__title"></h1>
<h1 class="featured-block__tag"></h1>

这是我在 jQuery 中使用的逻辑:

jQuery(function($) {
    if ($(".featured-block__title").is(":empty")) {
        $(".img-fit").addClass("opacity-pointeight");
    }
})

上述代码仅在 .featured-block__title 类中没有内容时才有效。

问题陈述

我想知道我需要在上面的代码中进行哪些更改，以便它检查两者对于 .featured-block__tag 和 .featured-block__title 类。

此外，当其中没有内容时，.featured-block__tag会显示::before选择器。

Answer 1

为什么不使用 $(".featured-block__title").html() === "" 而不是检查 is(":empty")?

我认为这更有意义，并且 :before 不会有任何问题

尝试这样:

$(function() {
    if($(".featured-block__tag").html() === "" &&
        $(".featured-block__title").html() === "") {
        $(".img-fit").addClass("opacity-pointeight");
    }
})