jQuery: Belirli sınıf adına sahip div olup olmadığını kontrol edin

JQuery kullanarak ben programlı bir grup div's böyle üretiyorum :

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

Benim kod başka bir yerde bu DIVs olup olmadığını tespit etmek gerekir. Div'lerin sınıf adı aynıdır, ancak her div için kimlik değişir. Herhangi bir fikir jQuery kullanarak nasıl tespit?

JQuery'den döndürülen ilk nesneyi şu şekilde kontrol ederek bunu basitleştirebilirsiniz:

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

Bu durumda, first ( [0]) dizininde bir doğruluk değeri varsa, sınıfın var olduğunu varsayın.

Edit 04/10/2013: Burada bir jsperf test örneği oluşturdum .

Kullanabilirsiniz size(), ancak jQuery, başka bir işlev çağrısının ek yükünü önlemek için uzunluk kullanmanızı önerir:

$('div.mydivclass').length

Yani:

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

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

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

GÜNCELLEME

Seçilen cevap bir perf testi kullanır, ancak perf'in bir parçası olarak eleman seçimini de içerdiği için biraz kusurludur, bu da burada test edilen şey değildir. İşte güncellenmiş bir perf testi:

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

Testin ilk çalıştırması, IMO'nun oldukça önemsiz olmasına rağmen, mülk alımının dizin alımından daha hızlı olduğunu gösteriyor. Ben hala uzun bir koşul yerine kodun niyetine göre daha mantıklı olarak uzunluğunu kullanmayı tercih ederim.

JQuery olmadan:

Yerel JavaScript her zaman daha hızlı olacaktır. Bu durumda: (örnek)

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

Bir üst öğenin belirli bir sınıfa sahip başka bir öğe içerip içermediğini kontrol etmek istiyorsanız, aşağıdakilerden birini kullanabilirsiniz. (misal)

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

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

Alternatif olarak, .contains()üst öğedeki yöntemi kullanabilirsiniz . (misal)

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

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

..ve son olarak, belirli bir öğenin sadece belirli bir sınıf içerip içermediğini kontrol etmek istiyorsanız, şunu kullanın:

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

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

İşte Jquery kullanmadan bir çözüm

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

referans linki

Oldukça basit ...

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

divÖğeleri açıkça test etmek için :

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

Basit kod aşağıda verilmiştir:

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

Div'ı parçacık kimliğiyle gizlemek için:

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

İşte bazı yollar:

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

İhtiyaca göre yukarıda belirtilen yollardan herhangi birini kullanabiliriz.

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

size()Yöntem sadece jQuery seçici seçtiği elemanların sayısını döndürür - bu durumda sınıfla öğe sayısını mydivclass. 0 döndürürse, ifade yanlıştır ve bu nedenle hiçbiri yoktur ve başka bir sayı döndürürse, div'ler olmalıdır.

div'ın belirli bir sınıfla var olup olmadığını kontrol edin

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

Jquery'de böyle kullanabilirsiniz.

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

   // Do something if class exists

} else {

// Do something if class does not exist

}

JavaScript ile

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

// Do something if class exists

}else{

    // Do something if class does not exist

}

Javascript kontrol sınıfı (hasClass) için çok örnek bir çözüm:

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

Javascript'te en iyi yol:

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

if ($ ("# myid1"). hasClass ("mydivclass")) {// Herhangi bir şey yap}

Tüm sayfayı aramak için bunu kullanın

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