Question

Here is my code snippet:

   <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>

How would I use jQuery to select the first span of class “price” and assign the “$364.99” text within that tag to a variable?

Answer 1

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