使用 JS 在按钮包装器前后应用元素时应用 css

Question

我有一个代码，但我不知道为什么它不起作用，即使它是一个简单的代码如果条件。

   $(".btn-superimposed-wrapper").each(function () {
      if (($(this).prev(".wp-block-group")) && ($(this).next(".wp-block-group"))) {
         $(this).css({ "margin-top": "-8rem", "margin-bottom": "-6rem", "text-align": "center" });
      }
   });

我也试过 hasClass() :

 $(".btn-superimposed-wrapper").each(function () {
      if ($(this).prev().hasClass(".wp-block-group") && $(this).next().hasClass(".wp-block-group")) {
         $(this).css({ "margin-top": "-8rem", "margin-bottom": "-6rem", "text-align": "center" });

         console.log("PREV ;",$(this).prev())
         console.log("NEXT ;",$(this).next())
      }
   });

我需要将 css 样式（以上）添加到按钮，当它有一个 div 和 class .wp-block-group 在 AND之后。

但是例如，如果我在 html 中更改 div.wp-block-group 的名称，它会应用 css 的样式，因为知道条件始终为真我们有条件 AND，我不明白！

Answer 1

考虑以下因素。

$(".btn-superimposed-wrapper").each(function (i, el) {
  if ($(el).prev().hasClass("wp-block-group") && $(el).next().hasClass("wp-block-group")) {
    $(el).css({
      "margin-top": "-8rem", 
      "margin-bottom": "-6rem", 
      "text-align": "center" 
    });
  }
});

这将检查前一个和下一个元素，如果它们都有 Class，将 return true.

使用 JS 在按钮包装器前后应用元素时应用 css

apply css when element before and after button wrapper using JS

javascript

jquery

next