2013-06-25 19 views
5

Bu sabah ilerlememi gerçekten yavaşlatıyor. Herhangi bir yardım inanılmaz olurdu. İşte benim ben her metin kutusu elde etmeye çalışmak için kullanıyorum kodu:Belirli bir div içindeki tüm metin kutularını sınıf adına göre nasıl alabilirim?

$('.contactInfo input[type="text"]').each(function() { 

}); 

Yukarıdaki kod çalışır ama aynı zamanda seçme kutuları kapma tutar. Sınıf adı ve giriş türü tanımlayıcısı ile her metin kutusunu (: giriş,: metin, tür = metin, vb.) Almanın başka yolları arasında bir kolon kullanmayı denedim. Sorularımı sormak için tamamen yeni olduğumu ve biçimlendirmenin asıldığını anlamadığım için stilimi burada affet.

Not: .contactInfo almak istediğim metin kutularını içeren div için atanan bir sınıftır. Ayrıca, seçtiğim kutuları da seçmek için seçilen jquery eklentisini kullanıyorum. Sorunumla ilgili bir şey olabilir veya olmayabilir, sadece hepinizin bilmesini istedim.

Yardımınız için şimdiden teşekkür ederiz!

Güncelleme: Burada listelenen her çözümü denedim. Her biri seçim kutusunu alır, ancak kimliğini döndürmez. Bu yüzden, sadece iterasyonlar sırasında atlayabilmem için kimliğinin boş olup olmadığını kontrol eden bir geçici çözüm kullanıyorum. Girişiniz için her birinize gerçekten minnettarım! Teşekkürler!

+1

Eğer html gösterirseniz daha iyi olur. –

+0

'$ ('input.contactInfo [type =" text "]') Her (function { });' – tymeJV

+0

div içindeki metin kutuları ile ne yapmayı planlıyorsunuz? – Learner

cevap

6

http://api.jquery.com/text-selector/ bakınız:

$('.contactInfo input:text')

+1

"input" metnine bile ihtiyacınız yok: text', gereksizdir. ': text' tür metin girişlerini seçer. –

+1

@SurrealDreams: Ancak, 'input' ekleyerek daha hızlı hale getirir. Dokümanlara bakın. – SLaks

+0

Bu konuda yakalamamıştım: psödoselektörler, bunu bana gösterdiğiniz için teşekkürler. 'input: text' gitmenin daha iyi bir yoludur. Teşekkürler, @SLaks. –

0

bu

$(".contactInfo").children("input[type=text]").each(function(){ 
    //Do stuff here 
}); 
5
$(".contactInfo").find("input[type=text]") 

Bu, o div (.contactInfo) içindeki tüm metin kutularının bulmalıdır deneyin. Dikkat edilmesi gereken diğer bir şey, find() yönteminin bağlam seçicilerinden çok daha hızlı olacağıdır.

http://jsperf.com/jquery-find-vs-context-sel

İlgili konular