jquery選擇 - 一個特定的標籤

Question

這裏內選擇文字是我的代碼片段：

<div class="totals"> 
      <table id="shopping-cart-totals-table"> 
     <col /> 
     <col width="1" /> 
     <tfoot> 
      <tr> 
     <td style="" class="a-right" colspan="1"> 

      <strong>Grand Total</strong> 
     </td> 
     <td style="" class="a-right"> 
      <strong><span class="price">$364.99</span></strong> 
     </td> 
    </tr> 
     </tfoot> 
     <tbody> 

      <tr> 
     <td style="" class="a-right" colspan="1"> 
      Subtotal </td> 
     <td style="" class="a-right"> 
      <span class="price">$354.99</span> </td> 
    </tr> 
    <tr> 
     <td style="" class="a-right" colspan="1"> 

      Shipping & Handling (Flat Rate - Fixed) </td> 
     <td style="" class="a-right"> 
      <span class="price">$10.00</span> </td> 
    </tr> 
     </tbody> 
    </table> 

我將如何使用jQuery選擇類「價格」的第一跨度和標籤中指定的「$ 364.99」文本變量？

Answer 1

var total = $('.price:first').text(); 

Answer 2

來獲取文本

$(".price").eq(0).text() 

設置文本

$(".price").eq(0).text('12.21$') 

Answer 3

你可以這樣做：

var price = $('span.price').first().text(); 

或其任：

var price = $('span.price:first').text(); 
var price = $('span.price:eq(0)').text(); 
var price = $('span.price').eq(0).text(); 
var price = $($('span.price').get(0)).text(); 
var price = $($('span.price').get()[0]).text();