2010-07-31 43 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