2010-09-01 56 views
12

我對jQuery和JavaScript很新穎。 我有一個小問題。 比方說,我有一個HTML表像下面的如何使用jQuery和JavaScript在行中選擇特定列?

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

在上面的例子中,我知道行ID,我想與特定ID更改該行的第二列的值。

我需要的結果是類似以下內容:

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

所以我的問題是:我怎麼能以更改值選擇第一行與給定的ID 2 第二列?

+0

你要選擇的每一行的所有第二列,或僅在第一(第n上)行的第二列? – 2010-09-01 22:40:20

+1

@Yanick - OP很清楚:*「我知道行ID,我想改變該行的第二列的值與該特定ID」* – user113716 2010-09-01 22:42:00

+0

@patric dw,但答案是建議選擇器找到所有第二個TD的每一行,所以只是想確保。正如你所看到的,我的回答假定OP的建議是什麼...... – 2010-09-01 22:44:23

回答

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

這是an example

+1

@ Shog9 - 糟糕...固定。 :) – 2010-09-01 22:42:21

+0

更好:-) – Shog9 2010-09-01 22:44:20

12

類似

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

將選擇給定元素(TABLE)的第一行,(基於0)第二列中。在你的情況,因爲你知道行ID:

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

或者乾脆

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

我喜歡這個,因爲當我想到迭代時,我總是看到基於0的索引。當2實際上意味着第二項,我開始看着我的肩膀,認爲今天會發生不好的事情。 – eaglei22 2017-01-18 15:37:34

+0

這就是爲什麼CSS是爲設計師(1,2,3,4 ...)和JavaScript的程序員(0,1,2,3 ...):) – 2017-01-18 15:41:50

+0

:) :)是的,作爲一個程序員主要,我非常感謝bootstrap! – eaglei22 2017-01-18 15:45:58

2

格特的代碼是如何將我已經實現了你問,所以我不會轉貼它是什麼。然而,由於您是jquery/javascript的新手,您可能喜歡使用這個工具來確保我的選擇器正在工作http://www.woods.iki.fi/interactive-jquery-tester.html

乾杯, 喬

+0

+1 - 酷測試! – 2010-09-01 22:44:04

相關問題