2010-03-08 4 views
113

HTML tüm alt girişlerini almak için: Ben özellikle div tüm girdileri seçmek gerekirnasıl bir div öğesi (jQuery)

<div id="panel"> 
    <table> 
    <tr> 
     <td><input id="Search_NazovProjektu" type="text" value="" /></td> 
    </tr> 
    <tr> 
     <td><input id="Search_Popis" type="text" value="" /></td> 
    </tr> 
    </table> 
</div> 

.

Bu

çalışmıyor:

var i = $("#panel > :input"); 

cevap

226

olmadan kullanın büyüktür:

$("#panel :input"); 

> elemanın sadece direkt çocuk demektir olursa olsun derinliğini tüm çocukları istiyorsanız sadece bir boşluk kullanın. Eğer tüm alt istiyoruz

var i = $("#panel :input"); 

> çocuklarına sınırlar (aşağıya bakınız)

+3

İlginç ... Şimdi kafam karıştı ... ':' o sözde sınıflar için değil mi? Ama bir eleman tipi seçmek istiyoruz. Neden: '' '? Ayrıntılar için buraya bakınız olan kutucuğu: - – mnemosyn

+11

@mnemosyn Bu 'gibi seçicinin başka bir türüdür http://api.jquery.com/input-selector/ Ve burada bu daha tam liste: http: // api .jquery.com/category/selectors/form-selectors/ –

+0

Teşekkürler Nick, bunun farkında değildi. Cevabım düzeltildi. – mnemosyn

58

Tam olarak ne istediğinize bağlı olarak

var i = $("#panel input"); 

veya gerekir.

DÜZENLEME: Nick'in belirttiği gibi, $("#panel input") ve $("#panel :input) arasında ince bir fark var. Sadece tip girişi unsurlarını alır

birincisi, yani <input type="...">, ama değil <textarea>, <button> ve <select> unsurları. Teşekkürler Nick, bunu kendim bilmiyordum ve benim yazımı buna göre düzeltiyor. Sanırım çünkü her iki seçeneği Sol OP ya bunun farkında değildi ve -technically-

+0

Yani: giriş tüm giriş/seçim/textarea alanlarını seçecek? Hepsi birden? – Yuri

+0

Esasen, evet. Seçici bir dizi eşleşme döndürdüğü için, sanırım bunu 'bir kerede' söyleyebildiğini söyleyebilirim, bununla ne demek istediğine tam olarak emin değilim ... – mnemosyn

+1

Sadece bu seçici ile "hep birlikte" demek istiyorum. ": giriş seçici Açıklama: Tüm giriş, tekstüre, seçme ve düğme öğelerini seçer." Ben :) – Yuri

8
var i = $("#panel input"); 

sadece alıp bunu

> :-) çalışması gerekir :-) ... girişler istedi doğrudan çocuk, hiçbir çocuk çocuğu yok
: örneğin sahte dersleri kullanmak içindir. : Hover vb

burada sözde sınıflar mevcut css-seçicileri okuyabilirsiniz

: http://docs.jquery.com/DOM/Traversing/Selectors#CSS_Selectors

+6

@henchman şu andan itibaren kullanacağız, bundan haberi yoktu - ': input' yanı bir seçicidir, http://api.jquery.com/category/selectors/form-selectors/ ise O bir '