вот есть кусок html кода сайта
<div class="col-md-6 col-panel-padding">
<div class="panel panel-info panel-full-height">
<div class="panel-heading">Active Buy Orders</div>
<div class="table-responsive">
<table class="table table-bordered">
<thead>
<tr>
<th width="50%">Price</th>
<th width="50%">Amount</th>
</tr>
</thead>
<tbody>
<tr>
<td>$3.11</td>
<td>1</td>
</tr>
<tr>
<td>$3.10</td>
<td>1</td>
</tr>
<tr>
<td>$2.94</td>
<td>2</td>
</tr>
<tr>
<td>$1.50</td>
<td>2</td>
</tr>
</tbody>
</table>
</div>
как мне вытащить первое значение в столбце price $3.11 ? пробовал так
var P = $('div .table-responsive').text()
получается много лишнего