我正在使用jsp,我有一个表,我从数据库中检索数据,我的问题是如何使表行可点击。而我对jquery的了解并不算什么。所以PLZ试着在javascript中帮助我。
<table class="main" align="center" border="1">
<tr>
<td class="did">Dealer Id</td>
<td class="dname">Dealer Name</td>
<td class="door">Door no</td>
<td class="strt">Street</td>
<td class="city">City</td>
<td class="dst">District</td>
<td class="state">State</td>
<td class="mob">Mobile</td>
<td class="cntPer">Contact Person</td>
<td class="phne">Phone No</td>
</tr>
</table>
<div class="overflow">
<table class="main scroll" align="center" border="1">
<% while (rs.next()) {%>
<tr>
<td class="did"><%=rs.getString("deal_id_v") %></td>
<td class="dname"><%=rs.getString("deal_name_v")%></td>
<td class="door"><%=rs.getString("deal_door_no_v")%></td>
<td class="strt"><%=rs.getString("deal_street_v")%></td>
<td class="city"><%=rs.getString("deal_city_v")%></td>
<td class="dst"><%= rs.getString("deal_district_v")%></td>
<td class="state"><%=rs.getString("deal_state_v")%></td>
<td class="mob"><%=rs.getString("deal_mobile_no_v")%></td>
<td class="cntPer"><%=rs.getString("deal_contactperson_v")%></td>
<td class="phne"><%=rs.getString("deal_phone_no_v")%></td>
</tr>
<%}
%>
</table>
</div>
答案 0 :(得分:1)
$(".main tr").click(funnction() {
// code here after click
})
作为示例,如果您想阅读td
的内容,那么您将在下面执行此操作,
$(".main tr").click(funnction() {
alert( $(this).find('did').html());
})
答案 1 :(得分:0)
也许这个网站可以帮助您解决问题
http://www.electrictoolbox.com/jquey-make-entire-table-row-clickable/
答案 2 :(得分:0)
试试这个
<tbody>
<tr class='clickableRow' href='url://'>
<td>Blah Blah</td>
<td>1234567</td>
<td>£158,000</td>
</tr>
</tbody>
jQuery(document).ready(function($) {
$(".clickableRow").click(function() {
window.document.location = $(this).attr("href");
});
});