jquery - 如何使用 .css() 向元素添加多个 CSS 样式

Question

我知道如何使用 jQuery 和 JavaScript 向嵌套元素添加样式，但出于某种原因，我不知道如何向深度嵌套 元素添加样式。

我在我的网站上使用 WordPress，它在我试图访问的元素周围添加了一堆 div。

我正在尝试使用类名 .bx-wrapper 来设置元素的样式。但是，我只想设置嵌套在类 .associate-wrapper 中的 .bx-wrapper 的样式。

这是我当前的 HTML:

<div class="row associate-wrapper">
  <li id="black-studio-tinymce-16" class="widget">
    <div class="textwidget">
      <div class="row"></div>
      <div class="col-md-12 text-center"></div>
      <div class="col-md-12 text-center">
        <div class="bx-wrapper">
          <p>content....</p>
        </div>
      </div>
    </div>
  </li>
</div>

这是我当前的非工作 jQuery:

$('.associate-wrapper').find('.bx-wrapper').css('position', 'absolute', 'margin-top', '30px');

Answer 1

由于您要向 jQuery .css() 标记添加多个属性，因此您需要像这样对 .css() 语法进行轻微调整:

$('.associate-wrapper').find('.bx-wrapper').css({'position': 'absolute', 'margin-top': '30px'});

JSFiddle with above script

---

或者您可以像上面提到的 CSS 和 一样更改选择器，因为您要向 jQuery .css() 标记添加多个属性，你必须这样写你的脚本:

$('.associate-wrapper .bx-wrapper').css({"position": "absolute", "margin-top": "30px"});

JSFiddle with above script