jQuery: comprueba si existe div con cierto nombre de clase

Usando jQuery estoy generando programáticamente un montón de div 's como este:

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

En otro lugar de mi código necesito detectar si existen estos DIV. El nombre de la clase para los divs es el mismo, pero la ID cambia para cada div. ¿Alguna idea de cómo detectarlos usando jQuery?

Puede simplificar esto marcando el primer objeto que devuelve JQuery de esta manera:

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

En este caso, si hay un valor verdadero en el primer [0]índice ( ), entonces suponga que la clase existe.

Editar 10/04/2013: he creado un caso de prueba jsperf aquí .

Puede usar size(), pero jQuery recomienda usar la longitud para evitar la sobrecarga de otra llamada de función:

$('div.mydivclass').length

Entonces:

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

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

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

ACTUALIZAR

La respuesta seleccionada utiliza una prueba de rendimiento, pero es ligeramente defectuosa ya que también incluye la selección de elementos como parte del rendimiento, que no es lo que se está probando aquí. Aquí hay una prueba de rendimiento actualizada:

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

Mi primera ejecución de la prueba muestra que la recuperación de propiedades es más rápida que la recuperación de índice, aunque IMO es bastante insignificante. Todavía prefiero usar la longitud ya que para mí tiene más sentido la intención del código en lugar de una condición más concisa.

Sin jQuery:

JavaScript nativo siempre será más rápido. En este caso: (ejemplo)

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

Si desea verificar si un elemento padre contiene otro elemento con una clase específica, puede usar cualquiera de los siguientes. (ejemplo)

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

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

Alternativamente, puede usar el .contains()método en el elemento padre. (ejemplo)

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

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

..y finalmente, si desea verificar si un elemento dado simplemente contiene una determinada clase, use:

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

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

Aquí hay una solución sin usar Jquery

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

enlace de referencia

Es bastante simple ...

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

Para probar divelementos explícitamente:

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

El código simple se da a continuación:

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

Para ocultar el div con la identificación del participante:

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

Aquí hay algunas maneras:

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.
    }

Podemos usar cualquiera de las formas definidas anteriormente según el requisito.

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

El size()método solo devuelve el número de elementos que selecciona el selector jQuery, en este caso el número de elementos con la clase mydivclass. Si devuelve 0, la expresión es falsa y, por lo tanto, no hay ninguno, y si devuelve cualquier otro número, los divs deben existir.

verificar si el div existe con cierta clase

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');
}

En Jquery puedes usarlo así.

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

   // Do something if class exists

} else {

// Do something if class does not exist

}

Con JavaScript

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

// Do something if class exists

}else{

    // Do something if class does not exist

}

Aquí hay una solución de muestra para check class (hasClass) en Javascript:

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

La mejor manera en Javascript:

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

if ($ ("# myid1"). hasClass ("mydivclass")) {// Hacer cualquier cosa}

Use esto para buscar en toda la página

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