javascript 应用css当元素之前和之后按钮 Package 器使用JS

3phpmpom  于 2023-05-12  发布在  Java
关注(0)|答案(1)|浏览(96)

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

$(".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类.wp-block-group后。
例如,如果我更改div的名称。wp-block-group在html中,它的风格应用的css作为条件总是真的知道,我们有一个条件与,我不明白!

gcmastyq

gcmastyq1#

请考虑以下情况。

$(".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,将返回true

相关问题