2010-07-31 31 views
5

Tôi nhận được một Bảng rất đơn giản chỉ với hai hàng.
Tôi đã nghĩ cách tốt nhất để lấy giá trị từ TD với ID "row2" là gì.
Để nhận giá trị của một TD sử dụng JQuery

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

Đây là nỗ lực của tôi:

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

Nhưng tôi không thể nhìn thấy bất kỳ thông báo bật lên. Tôi phải làm gì trong mã JQuery nếu tôi muốn chỉ định ID bảng cùng với ID TD?

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

Không có điểm trong việc tìm kiếm một chọn có sử dụng bảng ID cùng với ID TD. ID phần tử được cho là duy nhất trong một trang. Chỉ cần sử dụng một ID TD duy nhất sẽ đưa bạn trực tiếp đến mục đó –

+0

@Scott Evernden. Cảm ơn sự giúp đỡ của bạn. – user327712

+0

Hướng dẫn đầy đủ về cách lấy giá trị TD của ô bảng http://codepedia.info/jquery-get-table-cell-td-value-div/ –

Trả lời

21

này sẽ làm điều đó cho bạn:

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

In action here cho niềm vui của bạn xem.

+0

Cảm ơn Pat. Bạn có thể chỉ cho tôi mã Jquery nếu tôi muốn chỉ định Bảng TD nào thay vì chỉ là ID TD. – user327712

+0

Tuyệt đối - Tôi đã chỉnh sửa mã ở trên để thêm ID của bảng vào bộ chọn. Tuy nhiên, nói đúng, điều này không nên được yêu cầu trong trường hợp của bạn vì ID phải là duy nhất trong tài liệu (nghĩa là bạn không nên có bất kỳ ID 'row2' nào ở bất kỳ nơi nào khác). Nếu bạn cần nhiều row2, bạn có thể sử dụng các lớp: '', trong trường hợp đó bộ chọn của bạn sẽ trở thành '$ (" # testing .row2 ")'. Bạn có thể đọc thêm về các bộ chọn tại đây: http://api.jquery.com/category/selectors/. Phiên bản ngắn gọn là nếu bộ chọn hoạt động trong CSS, nó sẽ hoạt động trong jQuery. – Pat

+0

Cảm ơn bạn một lần nữa vì sự giúp đỡ, Pat. – user327712

4

Sử dụng text() thay vì val()

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

More Info:

0

ID TD sẽ là duy nhất có thể là trong bất kỳ bảng. Nó không phải là quyền có hai bảng với TD ID giống nhau trong cả hai bảng. Do đó, nếu bạn cảm thấy sau đó nối thêm id bảng cho ID TD như sau: (và sau đó sử dụng câu trả lời ở trên)

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

trợ giúp này?

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>     

mã jquery để chọn giá trị td đặc biệt

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

chắc chắn bạn sẽ nhận được câu trả lời –

Các vấn đề liên quan