2010-09-01 2 views
12

jQuery ve JavaScript için çok yeni. Küçük bir sorum var. Let en i satır kimliği biliyorum Yukarıdaki örnekte aşağıdakijQuery ve JavaScript kullanarak bir satırda belirli bir sütunu nasıl seçebilirim?

<Table id="mytable"> 
<tr id="element"> 
    <td>value</td> 
    <td>text</td> 
</tr> 
</Table> 

gibi bir HTML tablosu var ve bu özel kimliği ile satırın ikinci sütunun değerini değiştirmek istediğinizi düşünelim.

Ben aşağıdaki gibi bir sonuç şey lazım:

<Table id="mytable"> 
<tr id="element"> 
    <td>value</td> 
    <td>ChangedText</td> 
</tr> 
</Table> 

Yani benim soru: nasıl değerini değiştirmek için belirli bir kimliğe sahip ilk satırın 2 nd sütun seçebilirsiniz?

+0

TÜM her satır ikinci sütun, ya da (n'inci üzerine) ilk sıranın yalnızca ikinci sütunu seçmek istiyoruz? –

+1

@Yanick - OP oldukça açıktı: * "Satır kimliğini biliyorum ve satırın ikinci sütununun değerini bu özel kimliğe değiştirmek istiyorum" * – user113716

+0

@patric dw, ancak yanıt bulmak için bir seçiciyi önerdi Her sıranın tüm ikinci TD'si, sadece emin olmak istedim. Gördüğünüz gibi, cevabım OP'nin önerdiği şeyin ne olduğunu varsayalım ... –

cevap

23
$("#element td:nth-child(2)").text('ChangedText'); 

İşte an example.

$('#mytable tr:eq(0) td:eq(1)').text('ChangedText'); 

gibi

+1

@ Shog9 - Hata ... düzeltildi. :) –

+0

Çok daha iyi :-) – Shog9

12

şey belirli bir elementin (TABLO) ilk satırı, (göre 0) ikinci bir sütun seçecektir. Senin durumunda, ne zamandan beri satır id biliyorum:

$('#mytable #element td:eq(1)').text('ChangedText'); 

veya basitçe

$('#element td:eq(1)').text('ChangedText'); 
+0

Bunu beğendim, çünkü yinelemeleri düşündüğümde her zaman 0 temelli indeksi görüyorum. 2 aslında ikinci maddeyi ifade ettiğinde, günümde kötü bir şey olacağını düşünerek omuzuma bakmaya başlıyorum. – eaglei22

+0

Bu yüzden CSS, tasarımcılar için (1, 2, 3, 4 ...) ve programcılar için JavaScript (0, 1, 2, 3 ...) :) –

+0

:) Evet, öncelikle bir programcı olarak, ben bootstrap için son derece müteşekkirim! – eaglei22

2

Gert kod seni o yüzden Repost olmaz ne soruyorsun uygulayan şekli şöyledir. Ancak jquery/javascript için yeni olduğunuzdan, selector'ların http://www.woods.iki.fi/interactive-jquery-tester.html çalışmasını sağlamak için kullandığım bu aracı kullanabilirsiniz.

Alkış, Joe

+0

+1 - Soğuk test cihazı! –