使行可點擊

Question

我正在使用jsp，並且有一個表，因為我從數據庫中檢索了數據，而我的問題是如何使表行可單擊。 而且我對jquery的了解還算是什么。 所以請嘗試使用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>

Answer 1

像這樣

$(".main tr").click(funnction() {
   // code here after click
})

例如，如果您想讀取td的內容，則需要執行以下操作，

$(".main tr").click(funnction() {
   alert( $(this).find('did').html());
})

Answer 2

也許這個網站可以幫助您解決問題

http://www.electrictoolbox.com/jquey-make-entire-table-row-clickable/

Answer 3

試試這個

<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");
  });
});