Javascript jQuery选择器-选择特定标记中的文本
以下是我的代码片段:Javascript jQuery选择器-选择特定标记中的文本,javascript,jquery,css,jquery-selectors,css-selectors,Javascript,Jquery,Css,Jquery Selectors,Css Selectors,以下是我的代码片段: <div class="totals"> <table id="shopping-cart-totals-table"> <col /> <col width="1" /> <tfoot> <tr> <td style="" class="a-right" colspan="1"&
<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>
总计
364.99美元
小计
$354.99
装运和搬运(统一费率-固定)
$10.00
如何使用jQuery选择类“price”的第一个范围并将该标记中的“$364.99”文本分配给变量?获取文本
$(".price").eq(0).text()
$(".price").eq(0).text('12.21$')
设置文本
$(".price").eq(0).text()
$(".price").eq(0).text('12.21$')
获取文本
$(".price").eq(0).text()
$(".price").eq(0).text('12.21$')
设置文本
$(".price").eq(0).text()
$(".price").eq(0).text('12.21$')
您可以这样做:
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();
您可以这样做:
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
返回DOM对象,它没有text()
函数。jQuery的get
返回DOM对象,它没有text()
函数。jQuery的get
返回DOM对象,它没有text()
函数。@a'r:是的,它有。我在示例中添加了一个包装器,虽然它们有点复杂,只是为了展示访问元素的不同方式。感谢您的回复Guffa-好主意,不过公平地说,a'r是第一个回复我具体询问的人,所以我选择他的回复作为解决方案。@user589294:嗯,事实上,我的确比他早19秒回答了……;)@user589294:指向显示“5小时前”的文本,工具提示将显示确切的时间。jQuery的get
返回DOM对象,该对象没有text()
函数。@a'r:是的,它有。我在示例中添加了一个包装器,虽然它们有点复杂,只是为了展示访问元素的不同方式。感谢您的回复Guffa-好主意,不过公平地说,a'r是第一个回复我具体询问的人,所以我选择他的回复作为解决方案。@user589294:嗯,事实上,我的确比他早19秒回答了……;)@user589294:指向文本,例如“5小时前”,工具提示将显示确切的时间。