Ukryj div przez identyfikator klasy

Question

Jeśli mam <div id="ad1" class="ad"> i <div id="ad2" class="ad"> Jak mogę ukryć zarówno ukrywając wszystkie div z reklamą klasy

Próbowałem document.getElementsByClassName(ad).style.visibility="hidden"; ale tylko to działa
function hidestuff(boxid){ document.getElementById(boxid).style.visibility="hidden"; }

Answer 1

Jako wskazówka Matt piłka jest w lewo, trzeba wykonać iterację wyników swojej wyniku getElementsByClassName.

Spróbuj coś wzdłuż linii:

var divsToHide = document.getElementsByClassName("ad"); 

    for(var i = 0; i < divsToHide.length; i++) 
    { 
    divsToHide[i].style.visibility="hidden"; 
    } 

Answer 2

użyj jquery .hide()

jsfiddle demo

$('.ad').hide(); 

Answer 3

Aby uczynić treść, która jest widoczna wewnątrz iframe - pls spróbować poniżej:

var frame = document.getElementById("chatFeed"); 
var msg2 =frame.contentDocument.getElementsByClassName("publisherWrapper"); 
for (i = 0; i < msg2.length; i++) { 
msg2[i].style.visibility="visible"; 
} 

Answer 4

$('.divClassName').hide(); 

to rozwiąże problem.

W twoim przypadku będzie jak poniżej. $ (". Reklama"). Hide(); Spowoduje to ukrycie wszystkich elementów z nazwą klasy "reklama".