Bir öğenin zaten ona uygulanmış jquery select2 olup olmadığını kontrol etmenin bir yolu var mı?

Question

select2 Sayfanın tümü, aynı sınıf adına sahip olan bir grup jquery öğesine uygulamak istiyorum ancak select2() üzerinde zaten bir select2() bulunan bir öğeyi seçiyorsam benziyor gibi görünüyor. yukarı.

$('.MyDripdowns').each(function (i, obj) { 
    if (!$(obj).HasSelect2Initiatized) 
    { 
     $(obj).select2({ width: "455px" }); 
    } 
}); 

Böyle bir şey var mıdır: burada

$('.MyDropdowns').each(function (i, obj) { 
    $(obj).select2({ width: "455px" }); 
}); 

yüzden böyle bir şey istiyorum benim kodudur?

Answer 1

eleman varsa kontrol edebilirsiniz select2 nitelik @ Fr0zenFyr kullanabilirsiniz v4.0 için yaptığı yorumunda söylediği gibi

$('.MyDripdowns').each(function (i, obj) { 
    if (!$(obj).data('select2')) 
    { 
     $(obj).select2({ width: "455px" }); 
    } 
}); 

DÜZENLEME

:

if (!$(obj).hasClass("select2-hidden-accessible"))

Answer 2

Çalışma solüsyonu:

$('.MyDripdowns:not([class^="select2"])').each(function (i, obj) { 
    $(obj).select2({width: "455px"}); 
}) 

Bağlantılar: cevap Üstü

1. ^= attribute starts with selector
2. :not selector

Answer 3

neredeyse doğrudur.
Ancak, dinamik olarak öğeleri aynı sayfaya eklediğimizde ve yeni oluşturulmuş öğeye seçim 2'yi uygularken sorun yaratır.
Bu sırada seçici sadece sınıf değil, aynı zamanda giriş tipi ile belirtilmelidir. PFB referans kodu. o üzerinde deniyor elementi gizler gibi `deneyebilirsiniz böylece

$('inputp[type="text"].MyDripdowns').each(curr_idx, curr_elem){ 
    //Check if select 2 is already applied or not 
    if($(curr_elem).hasClass('.select2-offscreen')){ 
     //Select 2 is already applied to this element 
    } 
    else{ 
     //Apply Select 2 to this element 
    } 
}