2010-07-31 98 views
5

我得到了一個只有兩行的非常簡單的表。
我在想什麼是使用ID「row2」從TD獲取價值的最佳方法。
爲了使用jQuery獲得TD的值

<Table id="testing> 
<tr> 
<th> 
</th> 
<td id="row1">hello</td> 
</tr> 
<tr> 
<th> 
</th> 
<td id="row2">world</td> 
</tr> 
</table> 

這裏是我的嘗試:

$(document).ready(function(){ 
     var r=$("#testing":row2).val(); 
     alert(r); 
}); 

但我看不到任何消息彈出。 如果我想要指定表ID和TD ID,我該怎麼做JQuery代碼?爲您的觀賞樂趣

var r = $("#testing #row2").text(); 
    alert(r); 

In action here

var r=$("#testing":row2).text(); 
var r=$("#testing").children("row2").text(); 
+0

有在尋求使用該表ID與TD ID一起選擇是沒有意義的。元素ID在頁面中應該是唯一的。只需使用單一的TD ID即可直接進入該項目 – 2010-07-31 13:39:44

+0

@Scott Evernden。感謝您的幫助。 – user327712 2010-07-31 13:46:09

+0

關於如何獲得表格單元TD值的完整教程http://codepedia.info/jquery-get-table-cell-td-value-div/ – 2016-07-20 10:32:36

回答

21

這會爲你做它。

+0

謝謝帕特。如果我想指定TD屬於哪個表格,而不僅僅是TD ID,您可以告訴我JQuery代碼嗎? – user327712 2010-07-31 13:32:16

+0

Absolument - 我編輯了上面的代碼,將表格的ID添加到選擇器中。然而,嚴格來說,這不應該被要求在你的情況下,因爲一個ID應該在文檔中是唯一的(即你不應該在其他地方有任何'row2' ID)。如果你需要多個row2,你可以使用類:'',在這種情況下,你的選擇器將變成'$(「#testing .row2」)'。你可以在這裏閱讀更多關於選擇器:http://api.jquery.com/category/selectors/。簡短的版本是,如果選擇器在CSS中工作,它將在jQuery中工作。 – Pat 2010-07-31 14:23:13

+0

再次感謝您的幫助,帕特。 – user327712 2010-08-01 05:48:37

4

使用text()代替val()

var r = $("#row2").text(); 

更多信息:

0

的TD ID將是獨特的是它的任何表。在兩張表中都有兩張TD ID相同的表是不正確的。因此,如果你覺得然後附加表ID爲像這樣的TD ID:(然後用上面的答案)

<table id="test1"> 
    <tr> 
    <th> 
    </th> 
    <td id="test1_row1">hello</td> 
    </tr> 
    <tr> 
    <th> 
    </th> 
    <td id="test1_row2">world</td> 
    </tr> 
</table> 

這是否幫助?

0
<table> 
<tr> 
    <td class="tdcls">1</td> 
    <td class="tdcls">2</td> 
    <td class="tdcls">3</td> 
</tr> 
<tr> 
    <td class="tdcls">4</td> 
    <td class="tdcls">5</td> 
    <td class="tdcls">6</td> 
</tr>     

jQuery代碼來選擇特定的TD值

$(".tdcls").mouseenter(function(){ 
    var a = $(this).text(); 
}); 
+0

當然你會得到答案 – 2014-02-22 09:26:05