jquery, id içindeki sınıf için seçici

Aşağıda, my_classöğenin içindeki sınıfı içeren öğeleri nasıl seçmeliyim id = "my_id"?

Öğenin, benim seçmediğim başka bir sınıfa sahip olabileceğini de unutmayın.

<div id = "my_id">
    <span class = "my_class hidden">hi</span>
    <span class = "my_class">hello</span>
</div>

deniyordum

$("#my_id [class*=my_class ]")

Sen kullanabilirsiniz sınıf seçici ile birlikte soyundan selektör

$("#my_id .my_class")

Basit ol 'sınıfı seçiciyi kullanın.

$('#my_id .my_class')

Elemanın başka sınıflara sahip olup olmadığı önemli değildir. .My_class sınıfına sahiptir ve #my_id içinde bir yerdedir , dolayısıyla bu seçiciyle eşleşecektir.

Performansla ilgili olarak

Göre jQuery seçici performans belgelerinde , böyle ayrı ayrı iki seçiciler kullanmak hızlıdır:

$('#my_id').find('.my_class')

Belgelerin ilgili kısmı şu şekildedir:

Kimlik Tabanlı Seçiciler

// Fast:
$( "#container div.robotarm" );

// Super-fast:
$( "#container" ).find( "div.robotarm" );

.find()Yalnızca kimlik seçimleri kullanılarak işlenir - İlk seçim Sizzle seçici motoru geçmeden ele alınır çünkü yaklaşım hızlıdır document.getElementById()tarayıcıya yerli çünkü son derece hızlı olan.

Seçme No veya sınıf tarafından (diğer şeyler arasında), tek başına bir tarayıcı tarafından sağlanan işlevleri gibi çağıran document.getElementById()bir kullanarak, oysa ki, oldukça hızlı olan soyundan seçici hızlı olsa da, önerilen alternatif daha yavaştır, belirtildiği gibi Sizzle motoru çalıştırır.

Her zaman kullan

//Super Fast
$('#my_id').find('.my_class'); 

onun yerine

// Fast:
$('#my_id .my_class');

En göz JQuery Performans Kuralları .

Ayrıca Jquery Doc'ta

Ayrıca $( "#container" ).find( "div.robotarm" );
şuna eşittir:$( "div.robotarm", "#container" )

Sanırım sadece <span class = "my_class">hello</span>bu unsuru seçmeni istiyorsun, böyle yaptın, Sorunu doğru anladıysam cevap budur,

$("#my_id [class='my_class']").addClass('test');

DEMO