java - 使用 '' 从 HTML 表中获取一行内容

Question

我使用jsp和java从mysql数据库中获取数据并将其显示为html表格，现在我想要的是当用户单击特定行时，该行中的数据应该填充在3个不同的标签中例如，如果我的表有此数据

姓名、地点、手机号码

a         abc         123
b         def         234
c         ghi         345

(上表是从mysql db中获取的)

如果用户点击第三行，则姓名、地点和手机号码等数据应显示在 3 个不同的标签中，如下所示

Name: c
Place: ghi
Mobile: 345

提前致谢

之前，我曾经在每行的右侧有一个带有“名称”的按钮(如果是一行 c，则按钮上有 c)，所以我使用 CSS 用图片来装饰按钮。

这是我使用的代码

  <form action="Options2" method="post">
 <table id="sorter" class="sortable" id="example" class="pretty">
 <tr>
<th>Book Id</th>
<th>Title</th>
<th>Author</th>
<th>Category</th>
<th>Status</th>            
<th>Owner</th>
<th>Borrow Date</th>
<th>Return Date</th>
<th>Requested By</th>
<th>Actions</th>            
</tr>
<%
ArrayList  rs=(ArrayList)request.getAttribute("news");
ListIterator itr=rs.listIterator();
int i=1;

while( itr.hasNext()){ 
%> 
<tr> 
<td><%=itr.next()%></td> 
<% int Id = itr.nextIndex(); %>
<td><%=itr.next()%></td>    
<td><%=itr.next()%></td> 
<td><%=itr.next()%></td> 
<% int Id2 = itr.nextIndex(); %>
<td><%=itr.next()%></td> 
<td><%=itr.next()%></td> 
<td><%=itr.next()%></td> 
<td><%=itr.next()%></td>
<td><%=itr.next()%></td>
<% 
String Bname=rs.get(Id).toString();
System.out.println(Bname); 
String Stat=rs.get(Id2).toString();
System.out.println(Stat); 
if(!Stat.equals("Not Availible"))
{
%>
<td>
<input class="buttonir" type="Submit" name="X" value="<%=Bname %>"></td>
</tr>
<% 
}
}
%>
</table>

</form>

Answer 1

试试这个:

$('table tr').click(function () {
    var BookId = $(this).children('td:eq(0)').html();
    var Title = $(this).children('td:eq(1)').html();
    var Author = $(this).children('td:eq(2)').html();

    $('div').html(
        'Book Id: ' + BookId + '<br />' +
        'Title: ' + Title + '<br />' + 
        'Author:' + Author + '<br />'
    );
});       

演示:http://jsfiddle.net/UPxB9/1/