jQuery: Periksa apakah div dengan nama kelas tertentu ada

Menggunakan jQuery, saya secara terprogram menghasilkan banyak divseperti ini:

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

Di tempat lain dalam kode saya, saya perlu mendeteksi apakah DIV ini ada. Nama kelas untuk div adalah sama tetapi perubahan ID untuk setiap div. Adakah yang tahu cara mendeteksi mereka menggunakan jQuery?

Anda dapat menyederhanakan ini dengan memeriksa objek pertama yang dikembalikan dari JQuery seperti:

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

Dalam hal ini jika ada nilai kebenaran pada indeks first ( [0]), maka asumsikan kelas ada.

Sunting 04/10/2013: Saya telah membuat test case jsperf di sini .

Anda dapat menggunakan size(), tetapi jQuery menyarankan Anda menggunakan panjang untuk menghindari overhead panggilan fungsi lain:

$('div.mydivclass').length

Begitu:

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

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

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

MEMPERBARUI

Jawaban yang dipilih menggunakan tes perf, tetapi sedikit cacat karena itu juga termasuk pemilihan elemen sebagai bagian dari perf, yang bukan apa yang sedang diuji di sini. Berikut ini adalah tes perf yang diperbarui:

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

Uji coba pertama saya menunjukkan bahwa pengambilan properti lebih cepat daripada pencarian indeks, meskipun IMO itu cukup dapat diabaikan. Saya masih lebih suka menggunakan panjang untuk saya itu lebih masuk akal dengan maksud kode daripada kondisi yang lebih singkat.

Tanpa jQuery:

JavaScript asli selalu akan menjadi lebih cepat. Dalam hal ini: (contoh)

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

Jika Anda ingin memeriksa untuk melihat apakah elemen induk berisi elemen lain dengan kelas tertentu, Anda bisa menggunakan salah satu dari berikut ini. (contoh)

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

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

Atau, Anda dapat menggunakan .contains()metode pada elemen induk. (contoh)

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

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

..dan akhirnya, jika Anda ingin memeriksa untuk melihat apakah elemen yang diberikan hanya berisi kelas tertentu, gunakan:

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

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

Ini adalah solusi tanpa menggunakan Jquery

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

tautan referensi

Sederhana saja ...

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

Untuk menguji divelemen secara eksplisit:

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

Kode sederhana diberikan di bawah ini:

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

Untuk menyembunyikan div dengan id partuler:

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

Berikut ini beberapa cara:

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

Kita dapat menggunakan salah satu cara yang ditentukan di luar negeri berdasarkan persyaratan.

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

The size()Metode hanya mengembalikan jumlah elemen yang yang ditunjuk oleh pemilih jQuery - dalam hal ini jumlah elemen dengan kelas mydivclass. Jika mengembalikan 0, ekspresi salah, dan karena itu tidak ada, dan jika mengembalikan nomor lain, div harus ada.

periksa apakah div ada dengan kelas tertentu

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

Di Jquery Anda dapat menggunakan seperti ini.

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

   // Do something if class exists

} else {

// Do something if class does not exist

}

Dengan JavaScript

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

// Do something if class exists

}else{

    // Do something if class does not exist

}

Berikut ini adalah contoh solusi untuk kelas cek (hasClass) dalam Javascript:

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

Cara terbaik dalam Javascript:

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

if ($ ("# myid1"). hasClass ("mydivclass")) {// Lakukan apa saja}

Gunakan ini untuk mencari seluruh halaman

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