在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");
    }
})