jQuery 选择器 - 选择特定标签内的文本答案

【问题标题】：jQuery Selectors - Select text within a specific tagjQuery 选择器 - 选择特定标签内的文本
【发布时间】：2011-03-07 16:40:48
【问题描述】：

这是我的代码 sn-p：

   <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 选择第一个类“price”并将该标签中的“$364.99”文本分配给变量？

【问题讨论】：

标签： javascript jquery css jquery-selectors css-selectors

【解决方案1】：

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

【讨论】：

【解决方案2】：

你可以这样做：

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();

【讨论】：

jQuery 的get 返回没有text() 函数的DOM 对象。
@a'r：是的，确实如此。我保留了带有附加包装器的示例，尽管它们有点复杂，只是为了展示访问元素的不同方式。
感谢 Guffa 的回复 - 很棒的想法，但公平地说，a'r 是第一个回复我具体询问的人，所以我选择了他的回复作为解决方案。
@user589294：嗯，我确实比他早了 19 秒... ;)
@user589294：指向显示例如“5 小时前”的文本，工具提示将显示准确时间。

【解决方案3】：

获取文本

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

设置文字

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

【讨论】：

jQuery 的get 返回没有text() 函数的DOM 对象。