使用jquery获取其类相同的td的最后一个值

时间:2016-02-18 07:43:53

标签: javascript jquery

我正在使用jQuery。我有一个像以下的HTML代码:

<table>
   <tr>
     <td class="price">price</td>
     <td class="total">10 Rs</td>
   </tr>
   <tr>
     <td class="price">Total:</td>
     <td class="total">100 Rs</td>
   </tr>
</table>

现在,我只希望总价格为 100 Rs 。那么我应该编写什么代码来解决这个问题?

1 个答案:

答案 0 :(得分:0)

试试这个

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>last demo</title>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<table>
  <tr>
    <td class="price">price</td>
    <td class="total">10 Rs</td>
  </tr>
  <tr>
    <td class="price">Total:</td>
    <td class="total">100 Rs</td>
 </tr>
</table>

<script>
  alert($( "tr td:last" ).text());
 </script>

</body>