jQuery: Überprüfen Sie, ob div mit einem bestimmten Klassennamen vorhanden ist

Mit jQuery generiere ich programmgesteuert eine Reihe solcher div's:

<div class="mydivclass" id="myid1">Some Text1</div>
<div class="mydivclass" id="myid2">Some Text2</div>

An einer anderen Stelle in meinem Code muss ich feststellen, ob diese DIVs vorhanden sind. Der Klassenname für die Divs ist derselbe, aber die ID ändert sich für jedes Div. Irgendeine Idee, wie man sie mit jQuery erkennt?

Sie können dies vereinfachen, indem Sie das erste von JQuery zurückgegebene Objekt folgendermaßen überprüfen:

if ($(".mydivclass")[0]){
    // Do something if class exists
} else {
    // Do something if class does not exist
}

In diesem Fall wird angenommen [0], dass eine Klasse vorhanden ist, wenn der erste ( ) Index einen Wahrheitswert enthält .

Bearbeiten 2013.04.10: Ich habe einen jsperf Testfall erstellt hier .

Sie können verwenden size(), aber jQuery empfiehlt, die Länge zu verwenden, um den Overhead eines anderen Funktionsaufrufs zu vermeiden:

$('div.mydivclass').length

So:

// since length is zero, it evaluates to false
if ($('div.mydivclass').length) {

http://api.jquery.com/size/

http://api.jquery.com/length/

AKTUALISIEREN

Die ausgewählte Antwort verwendet einen Perf-Test, ist jedoch leicht fehlerhaft, da sie auch die Elementauswahl als Teil des Perf beinhaltet, was hier nicht getestet wird. Hier ist ein aktualisierter Perf-Test:

http://jsperf.com/check-if-div-exists/3

Mein erster Testlauf zeigt, dass das Abrufen von Eigenschaften schneller ist als das Abrufen von Indizes, obwohl IMO dies ziemlich vernachlässigbar ist. Ich bevorzuge immer noch die Verwendung von Länge, da es für die Absicht des Codes sinnvoller ist, als für eine knappere Bedingung.

Ohne jQuery:

Natives JavaScript wird immer schneller sein. In diesem Fall: (Beispiel)

if (document.querySelector('.mydivclass') !== null) {
    // .. it exists
}

Wenn Sie überprüfen möchten, ob ein übergeordnetes Element ein anderes Element mit einer bestimmten Klasse enthält, können Sie eine der folgenden Methoden verwenden. (Beispiel)

var parent = document.querySelector('.parent');

if (parent.querySelector('.child') !== null) {
    // .. it exists as a child
}

Alternativ können Sie die .contains()Methode für das übergeordnete Element verwenden. (Beispiel)

var parent = document.querySelector('.parent'),
    child = document.querySelector('.child');

if (parent.contains(child)) {
    // .. it exists as a child
}

..und schließlich, wenn Sie überprüfen möchten, ob ein bestimmtes Element nur eine bestimmte Klasse enthält, verwenden Sie:

if (el.classList.contains(className)) {
    // .. el contains the class
}

$('div').hasClass('mydivclass')// Returns true if the class exist.

Hier ist eine Lösung ohne Jquery

var hasClass = element.classList.contains('class name to search');
// hasClass is boolean
if(hasClass === true)
{
     // Class exists
}

Referenz Link

Es ist ganz einfach...

if ($('.mydivclass').length > 0) {
  //do something
}

So testen Sie divexplizit auf Elemente:

if( $('div.mydivclass').length ){...}

Der einfache Code ist unten angegeben:

if ($('.mydivclass').length > 0) {
   //Things to do if class exist
}

So verstecken Sie das div mit der Partizip-ID:

if ($('#'+given_id+'.mydivclass').length > 0) {
   //Things to do if class exist
}

Hier sind einige Möglichkeiten:

1.  if($("div").hasClass("mydivclass")){
    //Your code

    //It returns true if any div has 'mydivclass' name. It is a based on the class name
    }

2. if($("#myid1").hasClass("mydivclass")){
    //Your code


    //  It returns true if specific div(myid1) has this class "mydivclass" name. 
    //  It is a  based on the specific div id's.
    }           
3. if($("div[class='mydivclass']").length > 0){
    //Your code

   // It returns all the divs whose class name is "mydivclass"
   //  and it's length would be greater than one.
    }

Wir können je nach Anforderung eine der oben beschriebenen Möglichkeiten verwenden.

if ($(".mydivclass").size()){
   // code here
}

Die size()Methode gibt nur die Anzahl der Elemente zurück, die der jQuery-Selektor auswählt - in diesem Fall die Anzahl der Elemente mit der Klasse mydivclass. Wenn es 0 zurückgibt, ist der Ausdruck falsch, und daher gibt es keinen, und wenn es eine andere Zahl zurückgibt, müssen die divs existieren.

Überprüfen Sie, ob das div mit einer bestimmten Klasse existiert

if ($(".mydivclass").length > 0) //it exists 
{

}

if($(".myClass")[0] != undefined){
  // it exists
}else{
  // does not exist
}

var x = document.getElementsByClassName("class name");
if (x[0]) {
alert('has');
} else {
alert('no has');
}

In Jquery können Sie so verwenden.

if ($(".className")[0]){

   // Do something if class exists

} else {

// Do something if class does not exist

}

Mit JavaScript

if (document.getElementsByClassName("className").length > 0) {

// Do something if class exists

}else{

    // Do something if class does not exist

}

Hier ist eine sehr beispielhafte Lösung für die Prüfklasse (hasClass) in Javascript:

const mydivclass = document.querySelector('.mydivclass');
// if 'hasClass' is exist on 'mydivclass'
if(mydivclass.classList.contains('hasClass')) {
   // do something if 'hasClass' is exist.
}

Der beste Weg in Javascript:

if (document.getElementsByClassName("search-box").length > 0) {
// do something
}

if ($ ("# myid1"). hasClass ("mydivclass")) {// Mach irgendetwas}

Verwenden Sie diese Option, um die gesamte Seite zu durchsuchen

if($('*').hasClass('mydivclass')){
// Do Stuff
}