2011-06-13 25 views
7

Hücrenin genişliğinin içeriğe bağlı olduğu, piksel büyüklüğünde bir tablom var. Tablonun ilk satırında girdi elemanları vardır ve onlara ebeveynler() ile aynı genişliğe sahip olmalarını istiyorum. Buradaki fikir, bu girdilerin genişliğinin otomatik olarak hesaplanması ve jQuery ile piksel olarak ayarlanmasıdır. Bu hücreler ve girdiler için sınıf veya kimlik yok. Ben bir hücre sadece böyle koduyla seçicileri kullanarak genişliğini ayarlamak mümkün değilim:jQuery. Eleman genişliği, üst genişliğine bağlı olarak

var parentWidth = $(".foo").width(); 
$('td.foo input').width(parentWidth); 

Ama dediğim gibi ben kimse bu konuda bana yardımcı olabilir vb herhangi sınıfları kullanmadan daha evrensel olması gerekiyor ? Teşekkür ederim!

cevap

13

İlk sıranın bütün td seçmek ve onlara anne-baba genişliğini vermelidir bu

$('tr:first td > input').each(function(){ 
    $(this).width($(this).parent().width()); 
}); 

Bu kod gibi bir child seçici kullanabilirsiniz.

+0

Harika! Buna yakındım ama jQuery becerilerim hala zayıf görünüyor. Teşekkürler Nicola! –

İlgili konular