Question

我只能使用JavaScript来编辑我的结帐页面，我试图隐藏并使用最少量的字符为多个元素添加样式。

以下是其中一个元素的示例。

<div class="section section--remember-me shown-if-js">

<div class="content-box__row content-box__row--tight-spacing-vertical content-box__row--secondary">

还尝试更改按钮的宽度并确保该类。

<div class="step__footer" data-step-footer="">

这是按钮所在位置的父级，我想确保此div中的文本不在按钮旁边，但在它下面，所以我想我必须添加style =“display ：inline-block;“

按钮类称为

<button name="button" type="submit" class="step__footer__continue-btn btn ">

这是我到目前为止的代码。我还没有能够隐藏多个元素。

if (document.querySelector('.section--example') !== null) {
if (!element.classList.contains('example1')) {
    element.classList.add('hidden');
};
document.getElementById("step__footer__continue-btn").style.width = "100%";
};

Answer 1

if-blocks不需要分号btw

document.querySelectorAll(".section--example:not(.example1)").forEach(hide);

function hide(element) {
    element.classList.add("hidden");
}

Answer 2

要在jQuery中实现HTML类中的所有元素，它就像：

$(function(){
  $('.sectionExample').css('background', '#000;');    
});

或

$(function(){
  $('.sectionExample').each(function(increment, element){
    var current = $(element);
    current.css('background', '#000;');
    // this way is more versatile, if working with other Elements
  });    
});

隐藏多个元素＆amp;使用Javascript

2 个答案: