JQuery: Öğenin belirli css sınıfının/stilinin olup olmadığını kontrol etme

Question

Bir div:

<div class="test" id="someElement" style="position: absolute"></div> 

Belirli bir öğenin olup olmadığını kontrol etmenin bir yolu var mı:

$("#someElement") 

belirli bir sınıfa sahip (benim durumumda, "test").

Alternatif olarak, en elemanın belirli bir tarzı olduğunu kontrol etmenin bir yolu var mı? Bu örnekte, öğenin "position: mutute" olup olmadığını bilmek istiyorum.

Çok teşekkür ederim!

Answer 1

if($('#someElement').hasClass('test')) { 
    ... do something ... 
} 
else { 
    ... do something else ... 
} 

Answer 2

i bir çözüm bulduk:

$("#someElement")[0].className.match("test") 

ama nedense ben daha iyi bir yolu olduğuna inanıyoruz!

Answer 3

CSS Stilleri yalnızca "etiketler" değil, anahtar/değer çiftleridir. Varsayılan olarak, her öğenin kendisine atanmış bir CSS stilleri kümesi vardır, bunların çoğu tarayıcı varsayılanlarını dolaylı olarak kullanır ve bazıları CSS stil sayfalarında açıkça yeniden tanımlanır.

bir elementin belli bir CSS girişine atanan değer almak ve karşılaştırmak için: stili yeniden olmadıysa, o belirli öğe için tarayıcıyı varsayılan alacak

if ($('#yourElement').css('position') == 'absolute') 
{ 
    // true 
} 

.

Answer 4

if ($("element class or id name").css("property") == "value") { 
    your code.... 
} 

Answer 5

Veya, o özelliğine sahiptir elemanı erişmesi gereken ve bir kimliği kullanmadığı takdirde, bu yolu gidebiliriz:

$("img").each(function() { 
     if ($(this).css("float") == "left") { $(this).addClass("left"); } 
     if ($(this).css("float") == "right") { $(this).addClass("right"); } 
    })