Wie kann ich mit getElementsByClassName mit jQuery-Selektor :not() Selektor

Ich versuche zu wählen, und klicken Sie auf Elemente mit der Klasse ".foo", die enthalten nicht die Klasse ".bar".

Ich würde gerne verwenden Sie code wie diesen, aber es funktioniert nicht:

var inputs = document.getElementsByClassName('foo:not(bar)'); 
for(var i=0; i<inputs.length;i++) { 
    inputs[i].click(); 
}

Danke für die Hilfe!

  • .getElementsByClassName() ist keine jQuery-Funktion ...
InformationsquelleAutor YPCrumble | 2013-12-09
  1. 5

    Können Sie versuchen, zu verwenden querySelectorAll:

    var inputs = document.querySelectorAll('.foo:not(.bar)');

    Oder wie Sie jquery in Ihren tags:

    $('.foo:not(.bar)').each( function() {
    $( this ).click();
});
    • Es ist erwähnenswert, dass dies die querySelectorAll() - Methode, ist nicht rückwärts kompatibel mit Internet Explorer (wie so sehr viele Dinge, die nicht sind...) weniger als 9 (I glaube, aber ich bin mir nicht ganz sicher, es könnte 10).
    • ja, ich habe jQuery-version zu. Und jquery ist in Frage-tags. Wenn OP nicht die jQuery-er bitte um andere Lösungen.
    • Funktioniert perfekt, wird die Auswahl als beste Antwort, aber Sie waren einfach so schnell, es wird nicht lassen Sie mich doch!
    InformationsquelleAutor antyrat
  2. 0

    Können Sie die .filter() - Funktion wählen Sie zunächst alle foos ohne bars:

    JSFiddle

    CSS

    .foo, .bar{
    padding:20px;
    font-weight:bold;
}

    jQuery

    //get all foos and begine filtering
$('.foo').filter(function(){

    //show what class each div has
    $(this).text($(this).attr('class'));

    //translates into: IF bar not exist then return this element
    return !$(this).hasClass('bar');

//color the divs yellow
}).css('background-color','yellow');

    HTML

    <div class='foo'></div>
<div class='foo bar'></div>
<div class='foo bar'></div>
<div class='foo'></div>
<div class='foo'></div>
<div class='foo bar'></div>
<div class='foo'></div>
<div class='foo bar'></div>
    InformationsquelleAutor MonkeyZeus
Schreibe einen Kommentar